.toast-container{position:fixed;top:calc(var(--kente-height, 3px) + 12px);right:16px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:360px;width:calc(100% - 32px);pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:12px;background:var(--card, #0d2419);border:1px solid var(--border-default, #1a3a2a);box-shadow:0 8px 24px #0000004d;pointer-events:auto;animation:toastSlideIn .3s cubic-bezier(.2,.8,.2,1)}@keyframes toastSlideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.toast__icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0;color:#04140d}.toast--success{border-left:3px solid #00C875}.toast--success .toast__icon{background:#00c875}.toast--error{border-left:3px solid #FF5050}.toast--error .toast__icon{background:#ff5050;color:#fff}.toast--warning{border-left:3px solid #D4A84F}.toast--warning .toast__icon{background:#d4a84f}.toast--info{border-left:3px solid #4A9EFF}.toast--info .toast__icon{background:#4a9eff;color:#fff}.toast__message{flex:1;font-size:14px;font-weight:600;color:var(--text-primary, #E8F5E9);line-height:1.4}.toast__close{flex-shrink:0;font-size:13px;color:var(--text-muted, #6B8578);padding:2px;background:none;border:none;cursor:pointer}.toast__close:hover{color:var(--text-primary, #E8F5E9)}@media (max-width: 480px){.toast-container{left:16px;right:16px;max-width:none;width:auto}}.offline-indicator{position:fixed;top:calc(var(--kente-height) + var(--header-height));left:50%;transform:translate(-50%);z-index:9998;padding:10px 24px;border-radius:0 0 12px 12px;font-size:13px;font-weight:700;letter-spacing:.2px;box-shadow:0 4px 20px #0006;animation:slideDown .25s var(--ease-standard);white-space:nowrap}.offline-indicator--offline{background:var(--red);color:#fff}.offline-indicator--online{background:var(--green);color:#04140d;animation:slideDown .25s var(--ease-standard),fadeOut .3s ease 2.7s forwards}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;pointer-events:none}}@media (max-width: 1023px){.offline-indicator{top:calc(var(--kente-height) + var(--header-height));border-radius:0 0 10px 10px;font-size:12px;padding:8px 20px}}:root{--bg: #081C15;--surface: #0C2018;--card: #10251E;--card-hover: #162E24;--card-active: #1C3A2C;--green: #00C875;--green-light: #00E088;--green-dark: #009955;--gold: #D4A84F;--gold-light: #E8C06A;--gold-dark: #B8903A;--red: #FF4444;--orange: #FF6B35;--blue: #2196F3;--purple: #9C27B0;--text-primary: #FFFFFF;--text-secondary: #A8B3AE;--text-muted: #7A8F87;--border-default: rgba(0, 200, 117, .08);--border-hover: rgba(0, 200, 117, .18);--border-strong: rgba(0, 200, 117, .35);--shadow-elevated: 0 32px 80px rgba(0, 0, 0, .6);--font-display: "Plus Jakarta Sans", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-standard: cubic-bezier(.4, 0, .2, 1);--duration: .3s;--sidebar-width: 260px;--header-height: 64px;--mobile-nav-height: 64px;--kente-height: 3px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word;word-break:break-word}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;margin:0}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--card) 25%,var(--card-hover) 50%,var(--card) 75%);background-size:800px 100%;animation:shimmer 1.6s ease-in-out infinite}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes likePoP{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.9)}to{transform:scale(1)}}.page-enter{animation:fadeIn var(--duration) var(--ease-standard)}.card-hover{transition:transform var(--duration) var(--ease-standard),box-shadow var(--duration) var(--ease-standard),border-color var(--duration) var(--ease-standard)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006}button:active:not(:disabled){transform:scale(.96)}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}@media (max-width: 767px){input,textarea,select{font-size:16px!important;font-family:var(--font-body)}}@media (min-width: 768px){input,textarea,select{font-size:14px;font-family:var(--font-body)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}