@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--w:#fff;--g50:#f9fafb;--g100:#f3f4f6;--g200:#e5e7eb;--g300:#d1d5db;--g400:#9ca3af;--g500:#6b7280;--g600:#4b5563;--g700:#374151;--g800:#1f2937;--g900:#111827;--gold:#c9a84c;--gold2:#f0d080;--green:#10b981;--red:#ef4444;--blue:#3b82f6;--amber:#f59e0b;--r8:8px;--r12:12px;--r16:16px;--r20:20px;--r24:24px;--sh1:0 1px 3px #00000012,0 1px 2px #0000000a;--sh2:0 4px 16px #00000014;--sidebar:220px;--rp:280px}html,body,#root{background:var(--g100);height:100%;color:var(--g900);font-family:Inter,-apple-system,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--g300);border-radius:4px}.animate-in{animation:.28s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:2s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.badge{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:700}.badge-paid{color:var(--green);background:#f0fdf4}.badge-pending{color:var(--amber);background:#fffbeb}.badge-late{color:var(--red);background:#fef2f2}.ann-tag{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;align-items:center;gap:4px;margin-bottom:8px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.tag-urgent{color:var(--red);background:#fef2f2}.tag-event{color:var(--green);background:#f0fdf4}.tag-info{color:var(--blue);background:#eff6ff}.tag-general{background:var(--g100);color:var(--g600)}.ann-card{background:var(--w);border-radius:var(--r16);border-left:3px solid var(--g300);box-shadow:var(--sh1);padding:16px}.ann-title{color:var(--g900);margin-bottom:6px;font-size:15px;font-weight:700}.ann-body{color:var(--g600);font-size:13px;line-height:1.6}.ann-meta{color:var(--g400);margin-top:10px;font-size:11px}.d-prog-track{background:#ffffff26;border-radius:100px;height:8px;overflow:hidden}.d-prog-fill{background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:100px;height:100%;transition:width .8s}.tab-pill{border:1.5px solid var(--g200);background:var(--w);color:var(--g600);cursor:pointer;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.tab-pill.active{background:var(--g900);border-color:var(--g900);color:var(--w)}.d-shell{background:var(--g100);min-height:100vh;display:flex}.d-sidebar{width:var(--sidebar);background:var(--g900);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.d-sidebar-brand{border-bottom:1px solid #ffffff12;justify-content:center;align-items:center;padding:16px 12px;display:flex}.d-sidebar-logo{object-fit:contain;filter:drop-shadow(0 0 12px #c9a84c59);border-radius:50%;width:160px;height:160px;transition:transform .3s}.d-sidebar-logo:hover{transform:scale(1.04)}.d-nav-group{padding:12px 10px 4px}.d-nav-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;padding:8px 10px 6px;font-size:10px;font-weight:700}.d-nav-item{border-radius:var(--r12);cursor:pointer;color:#ffffff80;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .2s;display:flex}.d-nav-item:hover{color:#ffffffd9;background:#ffffff12}.d-nav-item.active{color:var(--w);background:#ffffff1f}.d-nav-icon{flex-shrink:0;font-size:17px}.d-nav-label-item{text-align:left;flex:1;font-size:13px;font-weight:600}.d-nav-badge{background:var(--red);color:var(--w);border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700}.d-sidebar-footer{border-top:1px solid #ffffff12;align-items:center;gap:10px;margin-top:auto;padding:16px 18px;display:flex}.d-user-avatar{width:34px;height:34px;color:var(--w);background:#ffffff1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.d-user-name{color:var(--w);font-size:13px;font-weight:600}.d-user-info{flex:1}.d-user-role{color:#fff6;font-size:11px}.d-logout-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:none;font-size:18px;transition:color .2s}.d-logout-btn:hover{color:var(--red)}.d-main{margin-left:var(--sidebar);flex-direction:column;flex:1;min-height:100vh;display:flex}.d-topbar{background:var(--w);border-bottom:1px solid var(--g200);z-index:90;height:60px;box-shadow:var(--sh1);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.d-topbar-left{flex-direction:column;gap:1px;display:flex}.d-page-title{color:var(--g900);font-size:18px;font-weight:800}.d-page-sub{color:var(--g500);font-size:11px}.d-topbar-right{align-items:center;gap:10px;display:flex}.d-search-wrap{background:var(--g100);border-radius:var(--r12);border:1.5px solid #0000;align-items:center;gap:8px;padding:8px 14px;transition:border-color .2s;display:flex}.d-search-wrap:focus-within{border-color:var(--g300);background:var(--w)}.d-search-wrap input{width:200px;color:var(--g900);background:0 0;border:none;outline:none;font-size:13px}.d-search-wrap input::placeholder{color:var(--g400)}.d-icon-btn{background:var(--g100);width:36px;height:36px;color:var(--g600);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:17px;transition:all .2s;display:flex;position:relative}.d-icon-btn:hover{background:var(--g200)}.d-notif-btn.unread:after{content:"";background:var(--red);border:2px solid var(--w);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.d-topbar-user{background:var(--g100);border-radius:var(--r12);cursor:pointer;align-items:center;gap:8px;padding:6px 12px;display:flex}.d-topbar-avatar{background:var(--g900);width:28px;height:28px;color:var(--w);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.d-topbar-user span{color:var(--g900);font-size:13px;font-weight:600}.d-body{flex:1;display:flex;overflow:hidden}.d-page{flex:1;max-height:calc(100vh - 60px);padding:24px 28px;overflow-y:auto}.d-right-panel{width:var(--rp);background:var(--w);border-left:1px solid var(--g200);flex-shrink:0;max-height:calc(100vh - 60px);padding:20px 18px;overflow-y:auto}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.kpi-card{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);border:1px solid var(--g200);padding:18px 20px}.kpi-icon{margin-bottom:10px;font-size:26px}.kpi-value{color:var(--g900);font-size:26px;font-weight:900;line-height:1}.kpi-label{color:var(--g500);margin-top:5px;font-size:12px;font-weight:500}.kpi-change{margin-top:8px;font-size:11px;font-weight:600}.kpi-change.up{color:var(--green)}.kpi-change.down{color:var(--red)}.d-btn{border-radius:var(--r12);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.d-btn:active{transform:scale(.97)}.d-btn-primary{background:var(--g900);color:var(--w)}.d-btn-primary:hover{background:var(--g700)}.d-btn-ghost{background:var(--g100);color:var(--g700);border:1.5px solid var(--g200)}.d-btn-ghost:hover{background:var(--g200)}.d-section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.d-section-title{color:var(--g900);font-size:15px;font-weight:700}.d-stack{flex-direction:column;gap:10px;display:flex}.d-two-col{grid-template-columns:1fr 1fr;gap:24px;display:grid}.d-event-card{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);border:1px solid var(--g200);align-items:flex-start;gap:12px;padding:14px;display:flex}.d-event-date{background:var(--g900);border-radius:var(--r12);min-width:48px;height:54px;color:var(--w);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.d-event-day{font-size:20px;font-weight:900;line-height:1}.d-event-mon{text-transform:uppercase;opacity:.7;font-size:9px;font-weight:600}.d-event-info{flex:1}.d-event-name{color:var(--g900);font-size:14px;font-weight:700}.d-event-loc{color:var(--g500);margin-top:3px;font-size:12px}.d-event-time{color:var(--g500);font-size:12px}.d-event-chip{color:var(--green);white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-self:flex-start;padding:3px 9px;font-size:10px;font-weight:700}.d-coti-mini{background:var(--g50);border-radius:var(--r16);border:1px solid var(--g200);padding:16px}.d-coti-mini-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.d-coti-amount{color:var(--g900);font-size:22px;font-weight:900}.d-coti-of{color:var(--g500);font-size:13px}.d-coti-pct{color:var(--gold);font-size:16px;font-weight:800}.d-coti-stats{gap:12px;margin-top:12px;font-size:12px;display:flex}.d-ndiguel-card{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);border:1px solid var(--g200);overflow:hidden}.d-ndiguel-head{background:linear-gradient(135deg,var(--g900),var(--g700));color:var(--w);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.d-ndiguel-title{font-size:16px;font-weight:700}.d-ndiguel-body{grid-template-columns:1fr 1fr;gap:8px;padding:16px 20px;display:grid}.d-ndiguel-row{color:var(--g600);align-items:center;gap:8px;font-size:13px;display:flex}.d-coti-hero{background:linear-gradient(135deg,var(--g900),#2d3748);border-radius:var(--r24);color:var(--w);align-items:center;gap:32px;margin-bottom:20px;padding:28px 32px;display:flex}.d-coti-hero-left{flex:1}.d-coti-hero-label{opacity:.55;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.d-coti-hero-amount{margin:6px 0 2px;font-size:44px;font-weight:900}.d-coti-hero-sub{opacity:.6;font-size:13px}.d-coti-hero-stats{grid-template-columns:repeat(2,1fr);gap:12px;min-width:220px;display:grid}.d-coti-stat-box{border-radius:var(--r12);background:#ffffff17;padding:14px}.d-coti-stat-num{font-size:24px;font-weight:900}.d-coti-stat-lbl{opacity:.55;margin-top:3px;font-size:11px}.d-table-wrap{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);border:1px solid var(--g200);overflow:hidden}.d-table{border-collapse:collapse;width:100%}.d-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--g500);border-bottom:1px solid var(--g200);background:var(--g50);padding:12px 16px;font-size:11px;font-weight:700}.d-table td{color:var(--g700);border-bottom:1px solid var(--g100);vertical-align:middle;padding:13px 16px;font-size:13px}.d-table tr:last-child td{border-bottom:none}.d-table tr:hover td{background:var(--g50)}.t-avatar{background:linear-gradient(135deg,var(--g200),var(--g300));width:34px;height:34px;color:var(--g700);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.d-kh-row{border-bottom:1px solid var(--g100);align-items:center;gap:12px;padding:14px 16px;display:flex}.d-kh-row:last-child{border-bottom:none}.d-kh-icon{border-radius:var(--r12);background:var(--g100);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.d-kh-name{color:var(--g900);font-size:14px;font-weight:600}.d-kh-author{color:var(--g500);margin-top:2px;font-size:11px}.d-play-btn{background:var(--g900);width:32px;height:32px;color:var(--w);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;margin-left:auto;font-size:13px;transition:all .2s}.d-play-btn:active{transform:scale(.9)}.d-doc-card{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);border:1px solid var(--g200);align-items:center;gap:12px;padding:14px 16px;display:flex}.d-rp-section{margin-bottom:22px}.d-rp-title{text-transform:uppercase;letter-spacing:.08em;color:var(--g500);margin-bottom:12px;font-size:11px;font-weight:700}.d-rp-event{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.d-rp-date{background:var(--g900);width:36px;height:40px;color:var(--w);border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.d-rp-day{font-size:15px;font-weight:800;line-height:1}.d-rp-mon{opacity:.7;text-transform:uppercase;font-size:8px}.d-rp-event-name{color:var(--g900);font-size:12px;font-weight:600}.d-rp-event-loc{color:var(--g500);margin-top:2px;font-size:11px}.d-rp-member{align-items:center;gap:8px;margin-bottom:10px;display:flex}.d-rp-avatar{background:var(--g100);width:30px;height:30px;color:var(--g700);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.d-rp-mname{color:var(--g800);font-size:12px;font-weight:600}.d-rp-mdate{color:var(--g500);font-size:10px}.d-rp-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.d-rp-coti-box{background:var(--g50);border-radius:var(--r12);border:1px solid var(--g200);padding:14px}.d-rp-coti-amount{color:var(--g900);font-size:24px;font-weight:900}.d-rp-coti-sub{color:var(--g500);font-size:12px}.d-rp-textarea{border:1.5px solid var(--g200);border-radius:var(--r12);resize:none;width:100%;height:80px;color:var(--g900);background:var(--g50);outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.d-rp-textarea:focus{border-color:var(--g400);background:var(--w)}.m-shell{background:var(--g100);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}.m-header{background:var(--w);border-bottom:1px solid var(--g200);z-index:100;box-shadow:var(--sh1);justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.m-brand{align-items:center;gap:10px;display:flex}.m-header-logo{object-fit:contain;filter:drop-shadow(0 1px 4px #00000026);border-radius:50%;flex-shrink:0;width:42px;height:42px}.m-title{color:var(--g900);font-size:15px;font-weight:700}.m-sub{color:var(--g500);margin-top:1px;font-size:11px}.m-icon-btn{background:var(--g100);width:36px;height:36px;color:var(--g600);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex;position:relative}.m-notif.unread:after{content:"";background:var(--red);border:2px solid var(--w);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.m-content{flex-direction:column;flex:1;gap:12px;padding:16px 16px 88px;display:flex;overflow-y:auto}.m-hero{background:linear-gradient(160deg,var(--g900) 0%,#1a2535 100%);border-radius:var(--r24);color:var(--w);text-align:center;flex-direction:column;align-items:center;padding:28px 20px 22px;display:flex;position:relative;overflow:hidden}.m-hero:before{content:"";background:#c9a84c0f;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.m-hero-logo{object-fit:contain;filter:drop-shadow(0 4px 20px #c9a84c66);z-index:1;border-radius:50%;width:150px;height:150px}.m-hero-greet{opacity:.55;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.m-hero-name{margin:3px 0;font-size:24px;font-weight:900}.m-hero-org{opacity:.45;font-size:12px}.m-hero-badge{color:var(--gold2);background:#c9a84c33;border:1px solid #c9a84c66;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex}.m-quick-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.m-quick-btn{background:var(--w);border-radius:var(--r16);cursor:pointer;box-shadow:var(--sh1);border:none;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;transition:all .2s;display:flex}.m-quick-btn:active{transform:scale(.95)}.m-quick-label{color:var(--g600);font-size:10px;font-weight:600}.m-section-head{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.m-section-label{color:var(--g500);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.m-event-card{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);align-items:flex-start;gap:12px;padding:14px;display:flex}.m-event-date{background:var(--g900);border-radius:var(--r12);min-width:50px;height:58px;color:var(--w);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex}.m-event-day{font-size:22px;font-weight:900;line-height:1}.m-event-mon{text-transform:uppercase;opacity:.7;font-size:9px}.m-event-name{color:var(--g900);font-size:14px;font-weight:700}.m-event-loc{color:var(--g500);margin-top:2px;font-size:12px}.m-event-time{color:var(--g500);font-size:12px}.m-chip{color:var(--green);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-self:flex-start;padding:3px 9px;font-size:10px;font-weight:700}.m-tabs{scrollbar-width:none;gap:8px;margin-bottom:4px;display:flex;overflow-x:auto}.m-tabs::-webkit-scrollbar{display:none}.m-ndiguel{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);overflow:hidden}.m-ndiguel-head{background:linear-gradient(135deg,var(--g900),var(--g700));color:var(--w);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.m-ndiguel-title{font-size:15px;font-weight:700}.m-ndiguel-badge{color:var(--gold2);background:#c9a84c40;border:1px solid #c9a84c80;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.m-ndiguel-body{padding:14px 16px}.m-ndiguel-row{color:var(--g600);margin-bottom:7px;font-size:13px}.m-join-btn{background:var(--g900);color:var(--w);cursor:pointer;border:none;border-radius:10px;padding:8px 18px;font-size:12px;font-weight:700}.m-coti-hero{background:linear-gradient(135deg,var(--g900),#2d3748);border-radius:var(--r24);color:var(--w);padding:22px}.m-coti-label{opacity:.55;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.m-coti-amount{margin:4px 0 2px;font-size:36px;font-weight:900}.m-coti-sub{opacity:.6;font-size:13px}.m-coti-stats{gap:10px;margin-top:14px;display:flex}.m-coti-stat{border-radius:var(--r12);background:#ffffff1a;flex:1;padding:10px}.m-coti-stat-num{font-size:20px;font-weight:800}.m-coti-stat-lbl{opacity:.6;margin-top:2px;font-size:10px}.m-list-card{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);overflow:hidden}.m-list-item{border-bottom:1px solid var(--g100);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.m-list-item:last-child{border-bottom:none}.m-list-item:hover{background:var(--g50)}.m-list-avatar{background:linear-gradient(135deg,var(--g200),var(--g300));width:42px;height:42px;color:var(--g700);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.m-list-name{color:var(--g900);font-size:14px;font-weight:600}.m-list-role{color:var(--g500);margin-top:2px;font-size:11px}.m-search{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);border:1.5px solid #0000;align-items:center;gap:10px;padding:12px 14px;transition:border-color .2s;display:flex}.m-search:focus-within{border-color:var(--g300)}.m-search input{color:var(--g900);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.m-search input::placeholder{color:var(--g400)}.m-mini-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.m-mini-stat{background:var(--w);border-radius:var(--r16);text-align:center;box-shadow:var(--sh1);padding:14px}.m-kh-icon{border-radius:var(--r12);background:var(--g100);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.m-play-btn{background:var(--g900);width:32px;height:32px;color:var(--w);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;margin-left:auto;font-size:13px}.m-doc-card{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);align-items:center;gap:12px;padding:14px;display:flex}.m-dl-btn{background:var(--g100);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;width:36px;height:36px;margin-left:auto;font-size:16px}.m-empty{text-align:center;color:var(--g400);flex-direction:column;align-items:center;gap:10px;padding:40px 24px;display:flex}.m-fab{background:var(--g900);width:50px;height:50px;color:var(--w);cursor:pointer;z-index:150;border:none;border-radius:15px;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex;position:fixed;bottom:84px;right:calc(50% - 222px);box-shadow:0 4px 20px #00000040}.m-fab:active{transform:scale(.9)}@media (width>=481px){.m-fab{right:18px}}.m-bottom-nav{background:var(--w);border-top:1px solid var(--g200);z-index:200;width:100%;max-width:480px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0000000f}.m-nav-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:9px 4px 8px;transition:all .2s;display:flex;position:relative}.m-nav-label{color:var(--g400);font-size:10px;font-weight:500}.m-nav-item.active .m-nav-label{color:var(--g900);font-weight:700}.m-nav-item.active:before{content:"";background:var(--g900);border-radius:0 0 4px 4px;height:2px;position:absolute;top:0;left:20%;right:20%}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:52px 24px;display:flex}.empty-icon{opacity:.6;margin-bottom:14px;font-size:52px}.empty-title{color:var(--g700);font-size:16px;font-weight:700}.empty-sub{color:var(--g400);max-width:300px;margin-top:6px;font-size:13px;line-height:1.6}.d-page.p-0{padding:0;overflow:hidden}.msg-shell{height:100%;display:flex}.msg-desktop{height:calc(100vh - 60px)}.msg-mobile{flex-direction:column;height:100%}.msg-channels{border-right:1px solid var(--g200);background:var(--g50);flex-direction:column;flex-shrink:0;width:230px;display:flex;overflow-y:auto}.msg-mobile .msg-channels{border-right:none;border-bottom:1px solid var(--g200);flex-direction:row;flex-shrink:0;gap:6px;width:100%;height:auto;padding:10px;overflow-x:auto}.msg-channels-title{text-transform:uppercase;letter-spacing:.1em;color:var(--g500);padding:16px 16px 8px;font-size:10px;font-weight:700}.msg-mobile .msg-channels-title{display:none}.msg-channel-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:10px 14px;transition:all .2s;display:flex}.msg-mobile .msg-channel-item{background:var(--g100);border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;padding:8px 12px}.msg-channel-item.active{background:var(--g200)}.msg-mobile .msg-channel-item.active{background:var(--g900)}.msg-mobile .msg-channel-item.active .msg-ch-name{color:var(--w)}.msg-channel-item:hover{background:var(--g200)}.msg-ch-icon{flex-shrink:0;font-size:18px}.msg-mobile .msg-ch-icon{font-size:20px}.msg-ch-name{color:var(--g800);font-size:13px;font-weight:600}.msg-mobile .msg-ch-name{color:var(--g700);font-size:10px}.msg-ch-desc{color:var(--g500);margin-top:1px;font-size:11px}.msg-mobile .msg-ch-desc{display:none}.msg-chat{flex-direction:column;flex:1;display:flex;overflow:hidden}.msg-chat-header{border-bottom:1px solid var(--g200);background:var(--w);flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.msg-chat-title{color:var(--g900);font-size:15px;font-weight:700}.msg-chat-sub{color:var(--g500);font-size:11px}.msg-messages{background:var(--g50);flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.msg-bubble-wrap{align-items:flex-end;gap:10px;display:flex}.msg-bubble-wrap.mine{flex-direction:row-reverse}.msg-avatar{background:var(--g200);width:32px;height:32px;color:var(--g700);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.msg-bubble{border-radius:16px;max-width:72%;padding:10px 14px;position:relative}.msg-bubble-other{background:var(--w);box-shadow:var(--sh1);border-radius:4px 16px 16px}.msg-bubble-mine{background:var(--g900);border-radius:16px 4px 16px 16px}.msg-author{color:var(--g500);margin-bottom:4px;font-size:10px;font-weight:700}.msg-text{color:var(--g900);font-size:13px;line-height:1.6}.msg-bubble-mine .msg-text{color:var(--w)}.msg-time{color:var(--g400);text-align:right;margin-top:5px;font-size:10px}.msg-bubble-mine .msg-time{color:#ffffff80}.msg-input-row{border-top:1px solid var(--g200);background:var(--w);flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.msg-input{border:1.5px solid var(--g200);border-radius:var(--r12);color:var(--g900);background:var(--g50);outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s}.msg-input:focus{border-color:var(--g400);background:var(--w)}.msg-send-btn{border-radius:var(--r12);background:var(--g900);width:40px;height:40px;color:var(--w);cursor:pointer;border:none;flex-shrink:0;font-size:16px;transition:all .2s}.msg-send-btn:active{transform:scale(.92)}.galerie-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.galerie-card{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);border:1px solid var(--g200);cursor:pointer;transition:all .25s;overflow:hidden}.galerie-card:hover{box-shadow:var(--sh2);transform:translateY(-3px)}.galerie-thumb{justify-content:center;align-items:center;height:130px;display:flex;position:relative}.galerie-emoji{font-size:48px}.galerie-count{color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;bottom:8px;right:10px}.galerie-info{padding:12px 14px}.galerie-title{color:var(--g900);font-size:13px;font-weight:700}.galerie-date{color:var(--g500);margin-top:3px;font-size:11px}.galerie-add{border:2px dashed var(--g300);background:var(--g50);cursor:pointer}.galerie-add-inner{height:130px;color:var(--g400);flex-direction:column;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.galerie-add:hover{border-color:var(--g500);background:var(--g100)}.stat-kpi-card{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);border:1px solid var(--g200);padding:18px}.stat-kpi-value{color:var(--g900);margin:8px 0 4px;font-size:24px;font-weight:900}.stat-kpi-label{color:var(--g700);font-size:12px;font-weight:600}.stat-kpi-sub{color:var(--g500);margin-top:2px;font-size:11px}.stat-card-box{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);border:1px solid var(--g200);padding:20px}.stat-card-header{margin-bottom:20px}.stat-card-title{color:var(--g900);font-size:14px;font-weight:700}.stat-card-sub{color:var(--g500);margin-top:3px;font-size:11px}.bar-chart{align-items:flex-end;gap:10px;height:160px;padding:0 4px;display:flex}.bar-item{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.bar-track{background:var(--g100);border-radius:6px;flex:1;align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}.bar-fill{background:linear-gradient(180deg,var(--g700),var(--g900));cursor:pointer;border-radius:6px 6px 0 0;width:100%;transition:height 1s;position:relative}.bar-fill:hover{background:linear-gradient(180deg,var(--gold),var(--gold2))}.bar-tooltip{background:var(--g900);color:var(--w);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700;transition:opacity .2s;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.bar-fill:hover .bar-tooltip{opacity:1}.bar-label{color:var(--g500);font-size:11px;font-weight:600}.bar-pct{color:var(--g400);font-size:10px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0009;justify-content:center;align-items:center;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--w);border-radius:var(--r20);width:90%;max-width:460px;box-shadow:var(--sh2);border:1px solid var(--g200);animation:.25s cubic-bezier(.16,1,.3,1) both scaleIn;overflow:hidden}@keyframes scaleIn{0%{transform:scale(.95)translateY(10px)}to{transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--g200);background:var(--g50);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--g900);font-size:16px;font-weight:800}.modal-close{color:var(--g500);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1}.modal-close:hover{color:var(--g900)}.modal-body{padding:20px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--g700);font-size:12px;font-weight:700}.form-input,.form-select,.form-textarea{border:1.5px solid var(--g200);border-radius:var(--r12);color:var(--g900);background:var(--g50);outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--g900);background:var(--w)}.form-textarea{resize:none;height:80px}.form-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.notif-wrapper{position:relative}.notif-dropdown{background:var(--w);border-radius:var(--r16);width:320px;box-shadow:var(--sh2);border:1px solid var(--g200);z-index:500;animation:.2s both scaleIn;position:absolute;top:48px;right:0;overflow:hidden}.notif-dropdown-header{border-bottom:1px solid var(--g200);background:var(--g50);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-dropdown-title{color:var(--g900);font-size:13px;font-weight:700}.notif-dropdown-clear{color:var(--gold);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:600}.notif-dropdown-clear:hover{color:var(--gold2)}.notif-list{max-height:280px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--g100);cursor:pointer;flex-direction:column;gap:4px;padding:12px 16px;transition:background .2s;display:flex}.notif-item:hover{background:var(--g50)}.notif-item:last-child{border-bottom:none}.notif-item-title{color:var(--g900);font-size:12px;font-weight:700}.notif-item-body{color:var(--g600);font-size:11px;line-height:1.4}.notif-item-meta{color:var(--g400);justify-content:space-between;font-size:9px;display:flex}.audio-player-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:800;height:72px;color:var(--w);background:#111827f2;border-top:1.5px solid #c9a84c4d;justify-content:space-between;align-items:center;padding:0 24px;animation:.3s cubic-bezier(.16,1,.3,1) both slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.audio-player-info{align-items:center;gap:12px;min-width:200px;display:flex}.audio-player-icon{background:#ffffff14;border:1px solid #c9a84c33;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;display:flex}.audio-player-details{flex-direction:column;display:flex}.audio-title{color:var(--w);font-size:13px;font-weight:700}.audio-author{color:#ffffff80;margin-top:2px;font-size:11px}.audio-controls{flex-direction:column;flex:1;align-items:center;gap:6px;max-width:460px;margin:0 24px;display:flex}.audio-btn-row{align-items:center;gap:16px;display:flex}.audio-control-btn{color:var(--w);cursor:pointer;background:0 0;border:none;font-size:20px;transition:transform .2s,color .2s}.audio-control-btn:hover{color:var(--gold)}.audio-control-btn:active{transform:scale(.9)}.audio-play-toggle{background:var(--w);width:36px;height:36px;color:var(--g900);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex}.audio-play-toggle:hover{background:var(--gold);color:var(--w)}.audio-progress-wrap{align-items:center;gap:8px;width:100%;display:flex}.audio-time-label{color:#fff6;text-align:center;width:32px;font-size:10px}.audio-progress-track{cursor:pointer;background:#ffffff1f;border-radius:10px;flex:1;height:4px;position:relative;overflow:hidden}.audio-progress-fill{background:var(--gold);border-radius:10px;height:100%;transition:width .1s linear}.audio-close-btn{color:#fff6;cursor:pointer;background:0 0;border:none;padding:8px;font-size:22px;transition:color .2s}.audio-close-btn:hover{color:var(--red)}.m-shell-player-padding{padding-bottom:160px!important}@media (width<=1023px){.m-shell-player-padding{padding-bottom:210px!important}}.settings-grid{grid-template-columns:1fr;gap:20px;display:grid}.settings-card{background:var(--w);border-radius:var(--r16);box-shadow:var(--sh1);border:1px solid var(--g200);padding:20px}.settings-section-title{color:var(--g900);border-bottom:1.5px solid var(--g100);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;font-size:15px;font-weight:700;display:flex}.settings-danger{background:#fffdfd;border-color:#ef444433}.settings-danger-title{color:var(--red)}.settings-danger-desc{color:var(--g500);margin-bottom:16px;font-size:12px;line-height:1.5}.d-btn-danger{background:var(--red);color:var(--w)}.d-btn-danger:hover{background:#dc2626}.photo-upload-container{background:var(--g50);border:1.5px dashed var(--g300);border-radius:var(--r12);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex;position:relative}.photo-upload-container:hover{border-color:var(--gold);background:var(--w)}.photo-upload-preview{object-fit:cover;background:var(--g200);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex;overflow:hidden}.photo-upload-label{flex-direction:column;flex:1;gap:2px;display:flex}.photo-upload-title{color:var(--g900);font-size:12px;font-weight:700}.photo-upload-sub{color:var(--g500);font-size:10px}.ann-yt-embed{border-radius:var(--r12);height:0;box-shadow:var(--sh1);background:#000;border:1.5px solid #c9a84c4d;margin-top:12px;padding-bottom:56.25%;position:relative;overflow:hidden}.ann-yt-embed iframe{width:100%;height:100%;position:absolute;top:0;left:0}