@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Nunito:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap");:root{--font-display-fam:"Nunito",sans-serif;--font-body-fam:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--bg:#f6f9ff;--surface:#ffffff;--surface-hover:#f6f9ff;--border:#dee2e6;--border-light:#c5d5e8;--primary:#0d9488;--primary-hover:#0f766e;--primary-dim:rgba(13,148,136,0.10);--primary-mid:rgba(13,148,136,0.18);--grad-primary:linear-gradient(135deg,#0d9488,#7c3aed);--grad-primary-hover:linear-gradient(135deg,#0f766e,#6d28d9);--grad-primary-dim:linear-gradient(135deg,rgba(13,148,136,0.11),rgba(124,58,237,0.11));--secondary:#f59e0b;--secondary-dim:rgba(245,158,11,0.12);--accent:#4154f1;--accent-dim:rgba(65,84,241,0.10);--navy:#012970;--text:#444444;--text-muted:#6c757d;--text-dim:#2c384e;--danger:#dc3545;--danger-dim:rgba(220,53,69,0.08);--notif:#ec4899;--nav-h:60px;--footer-h:60px;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:20px;--shadow-sm:0px 2px 20px rgba(1,41,112,0.08);--shadow:0px 2px 20px rgba(1,41,112,0.12);--shadow-md:0px 4px 30px rgba(1,41,112,0.18)}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,var(--surface-hover) 50%,var(--border) 75%);background-size:800px 100%;animation:skeletonShimmer 1.4s linear infinite;border-radius:var(--radius)}.skeleton-post{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;gap:12px}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:2px}.skeleton-line{height:12px;border-radius:6px}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heartPop{0%{transform:scale(1)}25%{transform:scale(1.4)}50%{transform:scale(.9)}75%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes bounce3{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes fabPop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes newPostPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(124,58,237,.5)}50%{transform:scale(1.15);box-shadow:0 0 0 4px rgba(124,58,237,0)}}@keyframes tabNotifPulse{0%,to{background:transparent;color:var(--text-muted)}50%{background:rgba(239,68,68,.12);color:#EF4444}}*,:after,:before{box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}body,html{margin:0;padding:0}body{background:var(--bg);font-family:var(--font-body-fam);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4;font-size:15px}a{color:inherit}img{max-width:100%}button,input,select,textarea{font-family:inherit}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-fill{flex:1 1 auto!important}.flex-1{flex:1!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:flex-start!important}.align-self-center{align-self:center!important}.align-self-end{align-self:flex-end!important}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-auto{margin-left:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-auto{margin-right:auto!important}.w-100{width:100%!important}.w-50{width:50%!important}.w-auto{width:auto!important}.h-100{height:100%!important}.h-auto{height:auto!important}.min-w-0{min-width:0!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky,.sticky-top{position:sticky!important}.sticky-top{z-index:100}.sticky-top,.top-0{top:0!important}.bottom-0{bottom:0!important}.start-0{left:0!important}.end-0{right:0!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-scroll{overflow:scroll!important}.border{border:1px solid var(--border)!important}.border-0{border:0!important}.border-top{border-top:1px solid var(--border)!important}.border-bottom{border-bottom:1px solid var(--border)!important}.border-start{border-left:1px solid var(--border)!important}.border-end{border-right:1px solid var(--border)!important}.border-2{border-width:2px!important}.rounded{border-radius:var(--radius-sm)!important}.rounded-0{border-radius:0!important}.rounded-2{border-radius:.375rem!important}.rounded-3{border-radius:.5rem!important}.rounded-4{border-radius:1rem!important}.rounded-5{border-radius:1.5rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:9999px!important}.rounded-top-3{border-top-left-radius:.5rem!important;border-top-right-radius:.5rem!important}.rounded-bottom-3{border-bottom-left-radius:.5rem!important;border-bottom-right-radius:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-nowrap,.text-truncate{white-space:nowrap!important}.text-truncate{overflow:hidden!important;text-overflow:ellipsis!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.text-decoration-none{text-decoration:none!important}.hover-underline:hover,.text-decoration-underline{text-decoration:underline!important}.text-primary{color:var(--primary)!important}.text-white{color:#ffffff!important}.text-danger{color:var(--danger)!important}.text-success{color:var(--accent)!important}.text-muted{color:var(--text-muted)!important}.text-dark{color:var(--text)!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-black{font-weight:800!important}.small{font-size:.875rem!important}.fs-6{font-size:.9375rem!important}.fs-5{font-size:1.0625rem!important}.bg-transparent{background-color:transparent!important}.bg-primary{background-color:var(--primary)!important}.bg-secondary{background-color:var(--secondary)!important}.bg-white{background-color:#fff!important}.outline-0{outline:none!important}.shadow-none{box-shadow:none!important}.img-fluid{max-width:100%!important;height:auto!important}.list-unstyled{list-style:none!important;padding-left:0!important;margin-bottom:0!important}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.bg-surface{background-color:var(--surface)!important}.bg-app{background-color:var(--bg)!important}.bg-primary-dim{background-color:var(--primary-dim)!important}.bg-danger-dim{background-color:var(--danger-dim)!important}.bg-accent-dim{background-color:var(--accent-dim)!important}.bg-surface-hover{background-color:var(--surface-hover)!important}.text-navy{color:var(--navy)!important}.text-dim{color:var(--text-dim)!important}.text-app-muted{color:var(--text-muted)!important}.text-app{color:var(--text)!important}.text-accent{color:var(--accent)!important}.border-app{border-color:var(--border)!important}.border-primary-c{border-color:var(--primary)!important}.hover-surface:hover{background-color:var(--surface-hover)!important}.hover-primary:hover{background-color:var(--primary-dim)!important;color:var(--primary)!important}.hover-danger-bg:hover,.hover-danger:hover{color:var(--danger)!important}.hover-danger-bg:hover{background-color:var(--danger-dim)!important}.hover-danger-border:hover{border-color:var(--danger)!important;color:var(--danger)!important}.hover-accent:hover{background-color:var(--accent-dim)!important;color:var(--accent)!important}.anim-drop-in{animation:dropIn .15s ease-out}.anim-heart-pop{animation:heartPop .4s ease-out}.anim-bounce3{animation:bounce3 1.2s ease-in-out infinite}.anim-fab-pop{animation:fabPop .2s ease-out}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem 1rem;font-size:.9375rem;font-weight:700;font-family:var(--font-body-fam);line-height:1.3;border:1.5px solid transparent;border-radius:var(--radius);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .12s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--grad-primary);border-color:transparent;color:#fff}.btn-primary:focus,.btn-primary:hover{background:var(--grad-primary-hover);border-color:transparent;color:#fff;box-shadow:0 4px 16px rgba(124,58,237,.28)}.btn-primary:disabled{background:var(--grad-primary);border-color:transparent;color:#fff}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-light)}.btn-outline-secondary{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn-outline-secondary:hover{background:var(--surface-hover);border-color:var(--border-light);color:var(--text)}.btn-outline-primary{background:transparent;border-color:var(--primary);color:var(--primary)}.btn-outline-primary:hover{background:var(--primary-dim)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:#DC2626;border-color:#DC2626}.btn-link{background:transparent;border-color:transparent;color:var(--primary);padding:0;font-weight:600}.btn-link:hover{color:var(--primary-hover);text-decoration:underline}.btn-sm{padding:.2rem .6rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-lg{padding:.5rem 1.4rem;font-size:1rem;border-radius:var(--radius-lg)}.form-control{width:100%;padding:.4rem .85rem;font-size:.9375rem;font-family:var(--font-body-fam);color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s,box-shadow .15s;line-height:1.4}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.form-control::placeholder{color:var(--text-muted)}.form-label{display:block;margin-bottom:.25rem;font-size:.9375rem;font-weight:700;color:var(--text-dim)}.app-nav{height:var(--nav-h);background:#ffffff;border-bottom:1px solid var(--border);box-shadow:0 2px 20px rgba(1,41,112,.08);z-index:100;transition:transform .3s ease}.nav-tab{font-size:.9375rem;font-weight:700;padding:4px 10px;border-radius:99px;text-decoration:none;white-space:nowrap;transition:color .15s,background .15s;color:var(--text-muted)}.nav-tab:hover{color:var(--primary);background:var(--grad-primary-dim)}.nav-tab.active{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;box-shadow:inset 0 0 0 99px rgba(13,148,136,.09);border-radius:99px}.nav-tab.notif{animation:tabNotifPulse 1.8s ease-in-out infinite}.icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;cursor:pointer;border-radius:50%;color:var(--text-muted);position:relative;transition:color .15s,background .15s;flex-shrink:0;padding:0}.icon-btn.active,.icon-btn:hover{color:var(--primary);background:var(--primary-dim)}.drop-panel{position:fixed;top:calc(var(--nav-h) + 6px);left:50%;transform:translateX(-50%);width:360px;max-width:calc(100vw - 16px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:200;overflow:hidden;animation:dropInCenter .15s ease-out}@keyframes dropInCenter{0%{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.97)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.fab{position:fixed;bottom:24px;right:24px;z-index:150;width:52px;height:52px;border-radius:50%;background:var(--grad-primary);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(124,58,237,.3);transition:transform .3s ease,box-shadow .2s,opacity .3s ease;animation:fabPop .2s ease-out}.fab:hover{transform:scale(1.06) translateY(-1px);box-shadow:0 8px 32px rgba(0,0,0,.35)}.app-input{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:.9375rem;color:var(--text);font-family:var(--font-body-fam);width:100%;outline:none;transition:border-color .15s,box-shadow .15s}.app-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.app-input::placeholder{color:var(--text-muted)}.app-input:disabled{opacity:.6;background:var(--surface-hover)}.app-textarea{resize:none}.notif-badge{position:absolute;top:2px;right:2px;background:var(--notif);color:white;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:50px;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none;line-height:1;border:1.5px solid var(--surface)}.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.online-dot.online{background:#22C55E}.online-dot.offline{background:var(--border-light)}.post-card{border-bottom:1px solid var(--border);padding:10px 14px;transition:background .15s;cursor:pointer}.post-card,.post-card:hover{background:var(--surface)}.msg-mine{background:var(--grad-primary);color:white;border-radius:18px;border-bottom-right-radius:4px}.msg-mine,.msg-other{padding:6px 12px;font-size:14px;line-height:1.4;word-break:break-word}.msg-other{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:18px;border-bottom-left-radius:4px}.msg-other-full{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:0 12px 12px 12px}.msg-mine-full,.msg-other-full{padding:8px 12px 6px;font-size:.875rem;line-height:1.45;word-break:break-word;box-shadow:0 1px 2px rgba(0,0,0,.08)}.msg-mine-full{background:var(--grad-primary);color:#fff;border-radius:12px 0 12px 12px}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg-enter{animation:msgSlideIn .18s ease-out forwards}.typing-dots{display:flex;align-items:center;gap:4px}.typing-dots span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#666;animation:typing-bounce 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.font-display{font-family:var(--font-display-fam)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.max-w-600{max-width:600px}.max-w-640{max-width:640px}.max-w-480{max-width:480px}.max-w-420{max-width:420px}.main-height{min-height:calc(100vh - var(--nav-h) - var(--footer-h));padding-bottom:var(--footer-h)}.dm-height{height:calc(100vh - var(--nav-h) - var(--footer-h))}.action-btn{display:flex;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;font-size:.8125rem;font-family:var(--font-body-fam);padding:4px 7px;border-radius:99px;transition:color .15s,background .15s;color:var(--text-muted)}.action-btn.liked,.action-btn:hover.like-btn{color:var(--danger);background:var(--danger-dim)}.action-btn:hover.comment-btn{color:var(--primary);background:var(--primary-dim)}.action-btn:hover.repost-btn{color:var(--accent);background:var(--accent-dim)}.mobile-frame{width:100%;min-height:100vh;background:var(--surface);position:relative}.new-posts-pill{position:fixed;top:calc(var(--nav-h) + 10px);left:50%;transform:translateX(-50%);z-index:150;display:flex;align-items:center;gap:6px;padding:7px 16px;background:var(--grad-primary);color:#fff;border:none;border-radius:9999px;font-size:13px;font-weight:700;font-family:var(--font-body-fam);white-space:nowrap;cursor:pointer;box-shadow:0 4px 20px rgba(124,58,237,.28);transition:opacity .2s,background .15s,transform .12s}.new-posts-pill:hover{background:var(--grad-primary-hover)}.new-posts-pill:active{transform:translateX(-50%) scale(.96)}.footer-nav{position:fixed;bottom:0;left:0;right:0;height:var(--footer-h);background:#ffffff;border-top:1px solid var(--border);box-shadow:0 -2px 20px rgba(1,41,112,.08);z-index:100;display:flex;align-items:stretch;transition:transform .3s ease}.footer-nav-item{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text-muted);flex:1;padding:0;transition:color .15s,background .15s;background:transparent;border:none;cursor:pointer;font-family:var(--font-body-fam)}.footer-nav-item:hover{color:var(--primary);background:var(--grad-primary-dim)}.footer-nav-item.active{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.nav-hidden .app-nav{transform:translateY(-100%)}body.nav-hidden .footer-nav{transform:translateY(100%)}body.nav-hidden .fab{transform:translateY(calc(var(--footer-h) + 80px));opacity:0;pointer-events:none}:root{--admin-sidebar-w:260px;--admin-header-h:60px}.admin-header{position:fixed;top:0;left:0;right:0;height:var(--admin-header-h);background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:200;display:flex;align-items:center;padding:0 20px;gap:12px}.admin-header-logo{display:flex;align-items:center;gap:8px;width:var(--admin-sidebar-w);flex-shrink:0;padding-left:4px}.admin-logo-mark{font-size:22px;font-weight:800;font-family:var(--font-display-fam);text-decoration:none;line-height:1;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-logo-name{font-size:13px;font-weight:600;color:var(--text-muted)}.admin-toggle-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color .15s,background .15s}.admin-toggle-btn:hover{color:var(--primary);background:var(--primary-dim)}.admin-header-user{font-size:13px;font-weight:600;color:var(--text-muted);background:var(--surface-hover);padding:6px 12px;border-radius:99px;display:flex;align-items:center;gap:6px}.admin-sidebar{position:fixed;top:var(--admin-header-h);left:0;bottom:0;width:var(--admin-sidebar-w);background:#fff;border-right:1px solid var(--border);z-index:150;overflow-y:auto;padding:16px 12px;transition:transform .25s ease}.admin-sidebar.closed{transform:translateX(-100%)}.admin-main{margin-left:var(--admin-sidebar-w);padding-top:var(--admin-header-h);min-height:100vh;background:var(--surface-hover);transition:margin-left .25s ease}.admin-main.sidebar-closed{margin-left:0}.admin-main-inner{padding:28px 24px;max-width:1100px;margin:0 auto}.admin-nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:12px 12px 4px;display:block}.admin-nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text-muted);text-decoration:none;transition:color .15s,background .15s;margin-bottom:2px}.admin-nav-link:hover{color:var(--primary);background:var(--grad-primary-dim)}.admin-nav-link.active{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-color:transparent;box-shadow:inset 0 0 0 99px rgba(13,148,136,.09)}.admin-nav-link svg{flex-shrink:0}.admin-stat-card{background:#fff;border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.admin-stat-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-stat-label{font-size:12px;color:var(--text-muted);margin:0 0 4px;font-weight:500}.admin-stat-value{font-size:24px;font-weight:800;color:var(--text);margin:0;line-height:1}@media (max-width:991px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0!important}.admin-header-logo{width:auto}}.admin-page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.admin-page-title{font-size:1.25rem;font-weight:800;color:var(--text);margin:0}.admin-page-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden;margin-bottom:16px}.admin-card-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-card-title{font-size:14px;font-weight:700;color:var(--text);margin:0}.admin-card-body{padding:20px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead tr{background:var(--surface-hover)}.admin-table th{padding:10px 16px;font-weight:600;font-size:12px;color:var(--text-muted);text-align:left;white-space:nowrap}.admin-table td,.admin-table th{border-bottom:1px solid var(--border)}.admin-table td{padding:12px 16px;vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--surface-hover)}.admin-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600}.nav-progress-track{position:fixed;top:0;left:0;right:0;height:3px;z-index:99999;transition:opacity .3s ease}.nav-progress-bar{height:100%;background:var(--grad-primary);border-radius:0 2px 2px 0;box-shadow:0 0 8px rgba(124,58,237,.5)}