:root{--bg-color:#18191a;--panel-color:#242526;--hover-color:#3a3b3c;--border-color:#3e4042;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#2d88ff;--accent-bg:rgba(45,136,255,0.2);--font-main:'Segoe UI','Inter',Helvetica,Arial,sans-serif;--header-height:56px;--bg-body:#0a0f1d;--glass-bg:rgba(30,41,59,0.7);--glass-card:rgba(30,41,59,0.4);--glass-border:rgba(255,255,255,0.08);--accent-primary:#3b82f6;--accent-secondary:#6366f1;--sidebar-width:260px;--content-pad:clamp(12px,2.5vw,48px);--content-max:min(100%,1920px);--content-pad-sm:clamp(12px,4vw,24px)}html{overflow-y:auto}body{margin:0;padding:0;color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;font-size:15px}.brand-area{display:flex;align-items:center;gap:10px}.user-area{justify-self:end;display:flex;align-items:center;gap:8px}.menu-item{display:flex;align-items:center;padding:12px 16px;border-radius:12px;margin-bottom:4px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);border:1px solid transparent}.menu-item:hover{background:rgba(255,255,255,0.03);color:white;transform:translateX(4px)}.menu-item.active{background:rgba(45,136,255,0.1);color:var(--accent-color);font-weight:700;border-color:rgba(45,136,255,0.2)}.menu-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);border-radius:8px;margin-right:12px}.menu-label-section{padding:0 10px;margin:20px 0 10px 0;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px}.divider-sidebar{height:1px;background:#334155;margin:15px 10px}.mobile-menu-btn{display:none;font-size:24px;cursor:pointer;padding:8px;color:white}.mobile-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--panel-color);z-index:2000;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:5px 0 15px rgba(0,0,0,0.5);padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.mobile-sidebar.active{left:0}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1500;display:none;backdrop-filter:blur(4px)}.mobile-overlay.active{display:block}.dropdown-menu{position:absolute;top:55px;right:0;width:300px;background:var(--panel-color);border-radius:8px;padding:8px;box-shadow:0 12px 28px rgba(0,0,0,0.4);border:1px solid var(--border-color);opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.2s ease;z-index:2000}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.card{background:var(--panel-color);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 2px rgba(0,0,0,0.2)}.btn{background:var(--accent-color);color:white;border:none;padding:8px 12px;border-radius:6px;font-weight:600;cursor:pointer;width:100%}@media (max-width:1024px){.mobile-menu-btn{display:block}}.back-btn{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,0.1);color:var(--text-primary);text-decoration:none;border-radius:30px;font-weight:600;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s;z-index:1000}.back-btn:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateX(-5px)}.profile-container{max-width:900px;margin:80px auto 40px;padding:0 20px}@media (max-width:768px){.profile-container{margin-top:100px}.card{padding:20px}div[style*="display:flex;gap:20px"]{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--text-primary);min-height:100vh;font-family:var(--font-main)}.app-container{display:flex;min-height:100vh}.app-container-with-header{padding-top:0}.app-container-with-header .main-content{margin-left:0;width:100%}.sidebar{width:var(--sidebar-width);background:rgba(15,23,42,0.9);border-right:1px solid var(--glass-border);padding:30px 20px;position:fixed;height:100vh;backdrop-filter:blur(10px);z-index:50}.brand{font-size:22px;font-weight:800;margin-bottom:40px;display:flex;align-items:center;gap:12px;color:white;text-decoration:none}.brand-icon{width:35px;height:35px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:10px;display:flex;align-items:center;justify-content:center}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:12px;font-size:14px;transition:0.3s}.nav-item:hover{background:rgba(255,255,255,0.05);color:white}.nav-item.active{background:rgba(59,130,246,0.1);color:white;border-left:3px solid var(--accent-primary)}.main-content{margin-left:var(--sidebar-width);flex:1;padding:40px;width:calc(100% - var(--sidebar-width))}.page-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.page-title h1{font-size:32px;font-weight:800;margin-bottom:10px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-title p{color:var(--text-secondary);font-size:15px}.stat-badge{background:var(--glass-bg);border:1px solid var(--glass-border);padding:10px 20px;border-radius:14px;text-align:right}.stat-badge span{display:block;font-size:11px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px}.stat-badge strong{font-size:24px;color:var(--accent-primary);font-weight:800}.departments-wrapper{display:flex;flex-direction:column;gap:60px}.dept-section{scroll-margin-top:20px}.dept-header-main{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid rgba(59,130,246,0.3)}.dept-icon{width:44px;height:44px;background:linear-gradient(135deg,rgba(59,130,246,0.2),rgba(99,102,241,0.2));border:1px solid rgba(59,130,246,0.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.dept-name{font-size:24px;font-weight:800;color:white;letter-spacing:-0.5px}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:30px}.staff-card-id{background:var(--glass-card);border:1px solid var(--glass-border);border-radius:16px;padding:0;display:flex;flex-direction:column;align-items:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;cursor:pointer;text-align:center}.staff-card-id:hover{transform:translateY(-5px);background:rgba(30,41,59,0.8);border-color:rgba(99,102,241,0.5);box-shadow:0 15px 30px -10px rgba(0,0,0,0.4)}.card-img-wrapper{width:100%;aspect-ratio:1/1;background:#0f172a;position:relative;overflow:hidden;border-bottom:1px solid var(--glass-border)}.avatar-img{width:100%;height:100%;object-fit:cover;display:none;transition:transform 0.5s}.staff-card-id:hover .avatar-img{transform:scale(1.1)}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#334155,#1e293b);font-size:50px;font-weight:700;color:rgba(255,255,255,0.2)}.card-status-badge{position:absolute;top:10px;right:10px;font-size:9px;padding:3px 6px;border-radius:4px;font-weight:700;text-transform:uppercase;backdrop-filter:blur(4px);z-index:2}.card-body{padding:12px;width:100%}.staff-name-id{font-size:15px;font-weight:700;color:white;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-level-id{font-size:11px;color:var(--accent-primary);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px}.staff-job-id{font-size:12px;color:var(--text-secondary);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-tag-id{font-size:10px;color:#64748b;background:rgba(255,255,255,0.03);padding:2px 8px;border-radius:4px;display:inline-block}.staff-card-id[data-level="001"],.staff-card-id[data-level="002"]{border:1px solid rgba(245,158,11,0.4);box-shadow:0 0 10px rgba(245,158,11,0.1)}.staff-card-id[data-level="001"]:hover,.staff-card-id[data-level="002"]:hover{border-color:#f59e0b;box-shadow:0 0 15px rgba(245,158,11,0.3)}.staff-card-id[data-level="003"],.staff-card-id[data-level="004"]{border:1px solid rgba(59,130,246,0.4);box-shadow:0 0 10px rgba(59,130,246,0.1)}.staff-card-id[data-level="003"]:hover,.staff-card-id[data-level="004"]:hover{border-color:#3b82f6;box-shadow:0 0 15px rgba(59,130,246,0.3)}.staff-card-id[data-level="005"],.staff-card-id[data-level="006"],.staff-card-id[data-level="007"]{border:1px solid rgba(139,92,246,0.4);box-shadow:0 0 10px rgba(139,92,246,0.1)}.staff-card-id[data-level="005"]:hover,.staff-card-id[data-level="006"]:hover,.staff-card-id[data-level="007"]:hover{border-color:#8b5cf6;box-shadow:0 0 15px rgba(139,92,246,0.3)}.staff-card-id[data-level="008"]{border:1px solid rgba(6,182,212,0.2)}.staff-card-id[data-level="008"]:hover{border-color:#06b6d4;box-shadow:0 0 12px rgba(6,182,212,0.2)}.card-status-badge[data-pos="Chính thức"]{background:rgba(16,185,129,0.9);color:#022c22}.card-status-badge[data-pos="Thử việc"]{background:rgba(245,158,11,0.9);color:#451a03}.card-status-badge[data-pos="Thực tập"]{background:rgba(139,92,246,0.9);color:#2e1065}.card-status-badge[data-pos="Học việc"]{background:rgba(59,130,246,0.9);color:#172554}.card-status-badge[data-pos="Cộng tác viên"]{background:rgba(6,182,212,0.9);color:#083344}.card-status-badge[data-pos="Hết hợp đồng"]{background:rgba(239,68,68,0.9);color:#450a0a}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(2,6,23,0.85);backdrop-filter:blur(12px);z-index:1000;justify-content:center;align-items:center;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:#1e293b;border:1px solid var(--glass-border);width:650px;border-radius:28px;padding:0;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);animation:slideUp 0.4s cubic-bezier(0.16,1,0.3,1)}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;top:24px;right:24px;cursor:pointer;font-size:28px;color:var(--text-secondary);z-index:10;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:0.2s}.close-btn:hover{background:rgba(255,255,255,0.05);color:white;transform:rotate(90deg)}.modal-header-profile{background:linear-gradient(to right,rgba(59,130,246,0.05),rgba(99,102,241,0.05));padding:40px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--glass-border)}.profile-avatar-large{width:85px;height:85px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;color:white;box-shadow:0 10px 25px -5px rgba(59,130,246,0.4);text-shadow:0 2px 4px rgba(0,0,0,0.2)}.profile-header-info h2{font-size:28px;margin-bottom:8px;color:white;letter-spacing:-0.5px}.m-id-badge{display:inline-block;background:rgba(59,130,246,0.15);color:#60a5fa;padding:5px 14px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid rgba(59,130,246,0.2)}.modal-body{padding:35px 40px}.info-section{margin-bottom:35px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-primary);margin-bottom:25px;display:flex;align-items:center;gap:15px;font-weight:700}.section-title::after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--glass-border),transparent)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 40px}.info-item label{display:block;color:var(--text-secondary);font-size:11px;text-transform:uppercase;margin-bottom:10px;font-weight:600;letter-spacing:0.5px}.info-item div{color:var(--text-primary);font-size:15px;font-weight:500;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,0.03)}.modal-footer{padding:25px 40px 35px;display:flex;justify-content:flex-end;border-top:1px solid rgba(255,255,255,0.02)}@media (max-width:992px){.sidebar{display:none}.main-content{margin-left:0;width:100%;padding:20px}.page-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.stat-badge{text-align:left;width:100%}}@media (max-width:640px){.staff-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.staff-name-id{font-size:13px}.staff-level-id{font-size:9px}.staff-job-id{font-size:10px}.modal-content{width:95vw;border-radius:20px}.modal-header-profile{padding:20px;flex-direction:column;text-align:center}.modal-body{padding:20px}.info-grid{grid-template-columns:1fr;gap:15px}}.dashboard-container{display:grid;grid-template-columns:1fr;gap:2%;height:calc(100vh - var(--header-height));padding-top:0;width:100%;max-width:var(--content-max);margin:0 auto;overflow:hidden;background:transparent}.sidebar-left{height:100%;overflow-y:auto;padding:20px 10px}.main-feed{height:100%;overflow-y:auto;padding:20px 10px;max-width:min(960px,92vw);margin:0 auto;width:100%;scrollbar-width:none;-ms-overflow-style:none}.main-feed::-webkit-scrollbar{width:0;height:0;background:transparent}.sidebar-right{height:100%;overflow-y:auto;padding:20px 10px}.news-post{background:rgba(30,41,59,0.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.08);border-radius:16px;overflow:hidden;margin-bottom:24px}.post-header{padding:16px 20px;display:flex;gap:10px;align-items:center}.post-avatar{width:44px;height:44px;border-radius:12px;background:#475569}.post-content{padding:0 20px 20px 20px;font-size:15px;color:#e2e8f0}.post-image{margin:0 20px 20px 20px;border-radius:12px;height:300px;background:#121212;display:flex;align-items:center;justify-content:center}.post-actions{padding:8px 16px;border-top:1px solid rgba(255,255,255,0.05);display:flex;justify-content:space-between}.action-btn{flex:1;padding:8px;border-radius:8px;color:#94a3b8;font-weight:600;cursor:pointer;background:transparent;border:none}.action-btn:hover{background:rgba(255,255,255,0.05);color:white}.progress-section{background:linear-gradient(145deg,rgba(30,41,59,0.8),rgba(15,23,42,0.9));backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:24px;margin-bottom:32px;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.progress-table{width:100%;border-collapse:separate;border-spacing:0 15px}.progress-table td{padding:10px 0;vertical-align:middle}.progress-label{font-size:14px;font-weight:600;color:#e2e8f0;width:200px}.status-badge{font-size:10px;padding:2px 8px;border-radius:6px;background:rgba(255,255,255,0.05);color:#94a3b8;margin-left:8px;border:1px solid rgba(255,255,255,0.1);text-transform:uppercase}.progress-bar-container{padding:0 20px}.progress-bar-bg{background:rgba(15,23,42,0.8);height:10px;border-radius:20px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,0.05)}.progress-bar-fill{height:100%;border-radius:20px;position:relative;overflow:hidden;transition:width 1.5s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 0 15px rgba(59,130,246,0.3)}.progress-bar-fill::after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 100% );animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.progress-percent{font-size:14px;font-weight:800;color:white;width:50px;text-align:right;font-family:monospace}.total-row td{border-top:1px solid rgba(255,255,255,0.1);padding-top:25px !important}.total-label{font-size:16px;letter-spacing:1px;color:#f59e0b !important;text-shadow:0 0 10px rgba(245,158,11,0.3)}.talent-slider-container{width:100%;overflow:hidden;padding:10px 0}.talent-slider-track{display:flex;gap:20px;width:max-content;animation:scroll-left 30s linear infinite}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.talent-card{background:rgba(30,41,59,0.5);border:1px solid rgba(255,255,255,0.1);border-radius:16px;width:180px;flex-shrink:0}.talent-img{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative}.sidebar-section-new{background:linear-gradient(180deg,rgba(30,41,59,0.8),rgba(15,23,42,0.9));border:2px solid #f59e0b;border-radius:20px;padding:24px;margin-bottom:24px;text-align:center}.honor-photo{width:140px;height:140px;border-radius:24px;border:3px solid #f59e0b;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:60px}.qr-section{background:rgba(30,41,59,0.7);border-radius:16px;padding:20px;text-align:center;margin-top:24px}#qrcode{padding:10px;background:white;border-radius:12px;display:inline-block}.sidebar-footer{margin-top:24px;padding:24px;background:rgba(15,23,42,0.95);border:1px solid rgba(255,255,255,0.05);border-radius:16px;color:#64748b;font-size:12px;line-height:1.6}.sidebar-footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.sidebar-footer-links a{color:#94a3b8;text-decoration:none;font-size:13px}.sidebar-footer-links a:hover{color:white}.sidebar-footer-block{margin-bottom:16px}.sidebar-footer-block h4{color:#94a3b8;margin-bottom:8px;font-size:12px;text-transform:uppercase}.sidebar-footer-block p{margin:0}.sidebar-footer-block a{color:#3b82f6}.sidebar-footer-copy{margin-top:20px;text-align:center;color:#475569;font-size:11px}.vega-page-footer{margin-top:60px;padding:var(--content-pad);border-top:1px solid rgba(255,255,255,0.05);background:#0f172a}.vega-footer-inner{max-width:var(--content-max);margin:0 auto}.vega-footer-links{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.vega-footer-links a{color:#94a3b8;text-decoration:none;font-size:13px}.vega-footer-links a:hover{color:white}.vega-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;border-top:1px solid rgba(255,255,255,0.05);padding-top:30px;color:#64748b;font-size:12px;line-height:1.6}.vega-footer-block h4{color:#94a3b8;margin-bottom:10px;font-size:13px;text-transform:uppercase}.vega-footer-block p{margin:0}.vega-footer-block a{color:#3b82f6}.vega-footer-copy{margin-top:40px;text-align:center;color:#475569;font-size:11px}@media (max-width:768px){.vega-footer-grid{grid-template-columns:1fr}}@media (max-width:1200px){.dashboard-container{grid-template-columns:1fr}}@media (max-width:992px){.dashboard-container{display:flex;flex-direction:column;padding-top:0;height:auto;overflow-y:visible;width:100%;gap:0}.main-feed{padding:0;width:95%;margin:0 auto}.vega-header{padding:0 10px;grid-template-columns:50px 1fr 50px !important}.mobile-menu-btn{display:flex !important;align-items:center;justify-content:center;font-size:28px;color:white}.brand-logo span{width:30px !important;height:30px !important;font-size:16px !important}.brand-logo{font-size:18px !important}}@media (max-width:640px){.progress-table td{display:block;width:100%;text-align:left;padding:5px 0}.progress-label{width:100%;margin-bottom:5px}.progress-bar-container{padding:0;margin-bottom:5px}.progress-percent{width:100%;text-align:left}.post-image{height:200px;font-size:24px}.sidebar-section-new .honor-photo{width:100px;height:100px;font-size:40px}.sidebar-section-new{padding:15px}.honor-name{font-size:16px !important}}.calendar-layout{display:grid;grid-template-columns:minmax(220px,280px) 1fr minmax(260px,320px);gap:clamp(12px,1.5vw,24px);min-height:100vh;width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--content-pad)}.calendar-main{padding:clamp(16px,2vw,30px);background:transparent;display:flex;flex-direction:column;min-width:0}.cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cal-title h1{margin:0;color:white;font-weight:300}.cal-title span{color:var(--text-secondary);font-size:14px}.cal-nav{display:flex;gap:10px;align-items:center}.cal-btn{background:var(--panel-color);border:1px solid var(--border-color);color:white;padding:8px 15px;border-radius:6px;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px}.cal-btn:hover{background:rgba(255,255,255,0.08)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;flex:1}.cal-day-header{background:var(--panel-color);padding:15px;text-align:center;color:var(--text-secondary);font-weight:600;font-size:13px;text-transform:uppercase}.cal-cell{background:#1e293b;min-height:120px;padding:10px;position:relative;transition:background 0.2s}.cal-cell:hover{background:#252f45}.cal-rest-label{display:block;font-size:9px;color:rgba(254,240,138,0.9);margin-bottom:2px;font-weight:500;text-align:center}.day-number{font-size:14px;color:var(--text-secondary);margin-bottom:5px;display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;border-radius:50%}.cal-cell.today{}.cal-cell.today .day-number{background:var(--accent-color);color:white;font-weight:bold}.cal-cell.rest-day{}.cal-cell.rest-day.other-month{}.cal-cell.other-month{background:#161b22}.cal-cell.other-month .day-number{color:#64748b}.event-tag{font-size:11px;padding:4px 8px;border-radius:4px;margin-bottom:4px;color:white;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid rgba(0,0,0,0.2)}.evt-meeting{background:rgba(59,130,246,0.2);border-left-color:#3b82f6}.evt-deadline{background:rgba(239,68,68,0.2);border-left-color:#ef4444}.evt-holiday{background:rgba(16,185,129,0.2);border-left-color:#10b981}.schedule-sidebar{background:var(--panel-color);border-left:1px solid var(--border-color);padding:30px 20px}.schedule-list{margin-top:20px}.schedule-item{display:flex;gap:15px;margin-bottom:20px;position:relative}.schedule-item::before{content:'';position:absolute;left:24px;top:30px;bottom:-20px;width:1px;background:var(--border-color)}.schedule-item:last-child::before{display:none}.time-col{min-width:50px;text-align:right;font-size:12px;color:var(--text-secondary);padding-top:5px}.info-col{flex:1;background:rgba(255,255,255,0.03);padding:15px;border-radius:10px;border:1px solid var(--border-color)}.info-title{font-weight:600;color:white;margin-bottom:5px;font-size:14px}.info-desc{font-size:12px;color:var(--text-secondary)}@media (max-width:1024px){.calendar-layout{grid-template-columns:1fr}.sidebar-left,.schedule-sidebar{display:none}.calendar-main{padding:15px}}@media (max-width:640px){.cal-cell{min-height:80px;padding:5px}.day-number{font-size:12px}.event-tag{font-size:9px;padding:2px 4px}.cal-header h1{font-size:20px}}body:has(.page-header-wrapper){background:#0f172a;min-height:100vh}body:has(.dashboard-container-chart) .dashboard-container-chart{height:auto;overflow:visible;display:block}body:has(.dashboard-container-chart) .dashboard-container-chart .page-header-wrapper{padding:20px 0 32px 0}.dashboard-container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--content-pad) var(--content-pad) var(--content-pad);box-sizing:border-box}.page-header-wrapper{width:100%;max-width:var(--content-max);margin:0 auto;padding:clamp(16px,2vw,24px) 0 clamp(20px,2.5vw,32px) 0;box-sizing:border-box}.page-title{font-size:clamp(24px,4vw,36px);font-weight:700;color:white;display:flex;align-items:center;gap:12px}.header-actions{display:flex;flex-wrap:wrap;gap:clamp(8px,1vw,12px);justify-content:center;margin:0 auto}.header-actions .btn{min-width:140px;width:min(250px,100%);justify-content:center}.btn{border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;gap:8px;font-size:14px}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:white}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(16,185,129,0.5)}.btn-secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white}.btn-secondary:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(59,130,246,0.5)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:white}.btn-warning:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(245,158,11,0.5)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:clamp(12px,1.5vw,24px);margin-bottom:clamp(20px,2.5vw,32px);width:100%}.channel-revenue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:clamp(12px,1.2vw,24px);margin-bottom:32px;width:100%}.channel-revenue-card{background:rgba(15,23,42,0.8);border:1px solid rgba(71,85,105,0.3);border-radius:8px;padding:24px 20px;transition:all 0.2s ease;cursor:pointer;min-width:0;overflow:hidden}.channel-revenue-card:hover{border-color:rgba(96,165,250,0.6);background:rgba(30,41,59,0.8)}.channel-revenue-card.selected{border-color:rgba(96,165,250,1);border-width:2px;background:rgba(30,41,59,0.9)}.channel-revenue-card.no-analytics{border:1px solid rgba(250,204,21,0.6);box-shadow:0 0 12px rgba(250,204,21,0.15)}.channel-revenue-card.no-analytics:hover{border-color:rgba(250,204,21,0.8);box-shadow:0 0 16px rgba(250,204,21,0.2)}.revenue-toggle-btn{background:rgba(100,116,139,0.3);border:1px solid rgba(96,165,250,0.5);box-shadow:0 0 8px rgba(96,165,250,0.15);color:#94a3b8;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;transition:all 0.2s}.revenue-toggle-btn:hover{border-color:rgba(96,165,250,0.8);box-shadow:0 0 12px rgba(96,165,250,0.25)}.channel-name{font-size:15px;font-weight:600;color:#e2e8f0;margin-bottom:16px;line-height:1.4}.channel-revenue-card .channel-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-revenue-card .card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;min-width:0}.channel-revenue-card .card-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(100,116,139,0.3)}.channel-revenue-card .card-info{min-width:0;flex:1}.channel-revenue-card .card-info .channel-name{margin-bottom:2px}.channel-revenue-card .card-group-name{font-size:11px;color:#64748b;white-space:normal;word-break:break-word;line-height:1.3}.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid rgba(71,85,105,0.2)}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-label{font-size:12px;color:#94a3b8;letter-spacing:0.5px;font-weight:500}.stat-row:last-child .stat-label{font-size:13px;font-weight:600}.stat-value{font-size:20px;font-weight:600;color:#ffffff}.stat-value.revenue{color:#34d399;font-size:24px;font-weight:700}.no-data{color:#64748b;font-size:13px;font-style:italic}.tree-view{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.tree-item{user-select:none;padding:12px 16px;margin-bottom:12px}.tree-item-main{display:flex;align-items:flex-start;gap:16px}.tree-item-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:130px}.tree-folder-card{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:rgba(30,41,59,0.8);border:1px solid rgba(100,116,139,0.3);border-radius:12px;cursor:pointer;transition:all 0.2s;flex-shrink:0}.tree-folder-card:hover{background:rgba(59,130,246,0.3);border-color:rgba(59,130,246,0.6);transform:scale(1.05)}.tree-channel-card{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all 0.2s;flex-shrink:0;overflow:hidden;border:2px solid rgba(100,116,139,0.3)}.tree-channel-card:hover{transform:scale(1.05);box-shadow:0 0 16px rgba(59,130,246,0.6);border-color:rgba(59,130,246,0.6)}.tree-item.selected{background:rgba(59,130,246,0.3)}.tree-children{padding-left:44px;display:none}.tree-children.expanded{display:flex;flex-wrap:wrap;gap:20px;padding-top:16px;align-items:flex-start}@media (max-width:1600px){.tree-children.expanded{gap:16px}}.tree-arrow{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;transition:all 0.15s;color:#94a3b8;flex-shrink:0;font-size:20px;font-weight:bold;cursor:pointer;border-radius:6px;font-family:monospace}.tree-arrow.expanded::before{content:'−'}.tree-arrow::before{content:'+'}.tree-arrow:hover{color:#60a5fa;background:rgba(59,130,246,0.2)}.tree-label{color:white;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:130px;line-height:1.3;word-break:break-word}.tree-count{color:#64748b;font-size:12px;font-weight:600;padding:2px 8px;background:rgba(100,116,139,0.2);border-radius:12px;min-width:24px;text-align:center}.context-menu{position:fixed;background:rgba(15,23,42,0.98);border:1px solid rgba(100,116,139,0.5);border-radius:8px;padding:4px;z-index:99999;box-shadow:0 8px 24px rgba(0,0,0,0.8);min-width:220px;display:none;backdrop-filter:blur(10px)}.context-menu-item{padding:8px 12px;cursor:pointer;border-radius:4px;color:white;font-size:13px;display:flex;align-items:center;gap:8px;transition:background 0.2s}.context-menu-item:hover{background:rgba(59,130,246,0.3)}.context-menu-separator{height:1px;background:rgba(100,116,139,0.3);margin:4px 0}.custom-select{padding:12px 16px;background:rgba(30,41,59,0.95);color:white;border:1.5px solid rgba(100,116,139,0.5);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3);backdrop-filter:blur(10px);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2360a5fa' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.custom-select:hover{border-color:rgba(59,130,246,0.7);box-shadow:0 6px 16px rgba(59,130,246,0.4);transform:translateY(-2px);background-color:rgba(30,41,59,1)}.custom-select:focus{outline:none;border-color:rgba(59,130,246,0.9);box-shadow:0 0 0 4px rgba(59,130,246,0.25),0 6px 16px rgba(59,130,246,0.4)}.custom-select option{background:#1e293b;color:white;padding:12px 16px;font-weight:500;border-radius:0}.custom-select option:hover,.custom-select option:focus{background:rgba(59,130,246,0.3);color:white}.custom-select option:checked{background:rgba(59,130,246,0.5);color:white;font-weight:600}.custom-input{width:100%;padding:12px 16px;background:linear-gradient(135deg,rgba(30,41,59,0.95),rgba(15,23,42,0.95));color:white;border:1.5px solid rgba(100,116,139,0.5);border-radius:12px;font-size:14px;font-weight:500;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.3);backdrop-filter:blur(10px)}.custom-input::placeholder{color:#64748b;font-weight:400}.custom-input:hover{border-color:rgba(59,130,246,0.7);box-shadow:0 6px 16px rgba(59,130,246,0.4);background:linear-gradient(135deg,rgba(30,41,59,1),rgba(15,23,42,1))}.custom-input:focus{outline:none;border-color:rgba(59,130,246,0.9);box-shadow:0 0 0 4px rgba(59,130,246,0.25),0 6px 16px rgba(59,130,246,0.4);background:linear-gradient(135deg,rgba(30,41,59,1),rgba(15,23,42,1))}.channel-revenue-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.channel-revenue-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(59,130,246,0.5)}.channel-revenue-name{color:white;font-size:14px;font-weight:600}.channel-revenue-amount{color:#10b981;font-size:24px;font-weight:700;margin-bottom:4px}.channel-revenue-date{color:#94a3b8;font-size:12px}.stat-card{background:linear-gradient(135deg,rgba(59,130,246,0.15),rgba(37,99,235,0.05));border:1px solid rgba(59,130,246,0.3);border-radius:12px;padding:24px 20px;text-align:center;transition:all 0.3s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(59,130,246,0.3)}.stat-label{color:#94a3b8;font-size:13px;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.3px;font-weight:600}.stat-value{color:white;font-size:28px;font-weight:700}.chart-container{background:rgba(15,23,42,0.6);backdrop-filter:blur(10px);border-radius:16px;padding:clamp(16px,2vw,32px);border:1px solid rgba(100,116,139,0.2);height:clamp(420px,55vh,750px);min-height:400px;display:flex;flex-direction:column;margin-bottom:clamp(16px,2vw,24px)}@media (max-width:768px){.chart-container{height:clamp(360px,50vh,550px)}}@media (min-width:1600px){.chart-container{height:clamp(500px,58vh,800px)}}.chart-wrapper{flex:1;position:relative;min-height:0}.chart-container.full-width{grid-column:1 / -1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.chart-title{font-size:20px;font-weight:700;color:white;display:flex;align-items:center;gap:10px}.chart-controls-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-bottom:14px;padding:10px 14px;background:rgba(30,41,59,0.35);border:1px solid rgba(255,255,255,0.06);border-radius:10px}.chart-ctrl-preset{display:flex;gap:6px;align-items:center}.chart-ctrl-date{display:flex;gap:6px;align-items:center;padding-left:10px;border-left:1px solid rgba(100,116,139,0.25)}.chart-ctrl-date-input{width:130px;padding:6px 8px !important;font-size:12px !important}.chart-ctrl-label{color:#64748b;font-size:12px;white-space:nowrap}.chart-ctrl-revenue{display:flex;gap:10px;align-items:center;padding-left:10px;border-left:1px solid rgba(100,116,139,0.25)}.chart-ctrl-revenue .revenue-checkbox-label span{font-size:12px}.chart-controls-bar .time-btn{padding:5px 12px;font-size:12px}.chart-channel-filter{position:relative;min-width:180px;max-width:240px;padding-left:10px;border-left:1px solid rgba(100,116,139,0.25)}.chart-filter-input{width:100%;padding:8px 12px;background:rgba(30,41,59,0.6);border:1px solid rgba(255,255,255,0.12);border-radius:8px;color:#f8fafc;font-size:13px;outline:none;transition:border-color 0.2s;box-sizing:border-box}.chart-filter-input:focus{border-color:var(--accent-primary)}.chart-filter-input::placeholder{color:#64748b}.chart-filter-dropdown{display:none;position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#1e293b;border:1px solid rgba(255,255,255,0.12);border-radius:8px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,0.4)}.chart-filter-dropdown::-webkit-scrollbar{width:4px}.chart-filter-dropdown::-webkit-scrollbar-track{background:transparent}.chart-filter-dropdown::-webkit-scrollbar-thumb{background:rgba(148,163,184,0.3);border-radius:2px}.chart-filter-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,0.5)}.chart-filter-dropdown.open{display:block}.chart-filter-item{padding:8px 12px;font-size:13px;color:#e2e8f0;cursor:pointer;transition:background 0.15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:8px}.chart-filter-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.chart-filter-item:hover{background:rgba(59,130,246,0.2)}.chart-filter-item.active{background:rgba(59,130,246,0.3);color:#60a5fa;font-weight:600}.chart-filter-item.show-all{color:#94a3b8;font-style:italic;border-bottom:1px solid rgba(255,255,255,0.06)}.revenue-checkbox-label{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px;cursor:pointer}.revenue-checkbox-label input{cursor:pointer}.report-revenue-checkboxes{display:flex;gap:16px;align-items:center;margin-top:12px}.time-selector{display:flex;gap:8px;background:rgba(30,41,59,0.8);padding:4px;border-radius:12px}.time-btn{padding:8px 16px;background:transparent;border:none;color:#94a3b8;border-radius:8px;cursor:pointer;transition:all 0.3s;font-size:14px;font-weight:600}.time-btn:hover{background:rgba(59,130,246,0.2);color:#3b82f6}.custom-date-input{background:rgba(30,41,59,0.8);border:1px solid rgba(100,116,139,0.3);border-radius:8px;color:#e2e8f0;padding:8px 12px;font-size:13px}.custom-date-input:focus{outline:none;border-color:#3b82f6}.time-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white}.channel-card{background:rgba(30,41,59,0.6);border:1px solid rgba(100,116,139,0.2);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all 0.3s}.channel-card:hover{border-color:rgba(59,130,246,0.5);transform:translateY(-2px)}.channel-card.no-analytics{border:1px solid rgba(250,204,21,0.6);box-shadow:0 0 12px rgba(250,204,21,0.15)}.channel-card.no-analytics:hover{border-color:rgba(250,204,21,0.8);box-shadow:0 0 16px rgba(250,204,21,0.2)}.channel-thumbnail{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(59,130,246,0.5);flex-shrink:0}.channel-info{flex:1;min-width:0}.channel-name{color:white;font-size:14px;font-weight:600;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-group-path{color:#e2e8f0;font-size:12px;font-weight:600;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-stats{display:flex;flex-wrap:wrap;gap:12px;color:#94a3b8;font-size:12px}.channel-stat{display:flex;align-items:center;gap:4px}.remove-btn{background:rgba(239,68,68,0.2);color:#ef4444;border:1px solid rgba(239,68,68,0.3);padding:6px 12px;border-radius:8px;cursor:pointer;transition:all 0.3s;font-size:13px;flex-shrink:0}.remove-btn:hover{background:rgba(239,68,68,0.4)}.loading{text-align:center;color:#94a3b8;padding:40px;font-size:18px}.error-message{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#ef4444;padding:16px;border-radius:12px}canvas{position:absolute !important;top:0;left:0;width:100% !important;height:100% !important}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:rgba(15,23,42,0.95);border:1px solid rgba(100,116,139,0.3);border-radius:16px;padding:24px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{display:none}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:24px;font-weight:700;color:white}.modal-close{background:rgba(239,68,68,0.2);border:none;color:#ef4444;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:20px}.compare-modal-content .compare-mode-tabs{display:flex;gap:8px;margin-bottom:20px}.compare-modal-content .compare-tab{padding:10px 20px;border-radius:10px;border:1px solid rgba(100,116,139,0.3);background:rgba(30,41,59,0.6);color:#94a3b8;cursor:pointer;font-size:14px;transition:all 0.2s}.compare-modal-content .compare-tab:hover{background:rgba(59,130,246,0.2);color:white}.compare-modal-content .compare-tab.active{background:rgba(59,130,246,0.4);color:white;border-color:rgba(59,130,246,0.6)}.compare-modal-content .compare-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.compare-modal-content .compare-side label{display:block;color:#94a3b8;font-size:13px;margin-bottom:8px;font-weight:600}.compare-modal-content .compare-side input{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(100,116,139,0.3);background:rgba(15,23,42,0.8);color:white}.compare-modal-content .compare-result{margin-top:24px}.compare-actions{margin-top:24px;display:flex;gap:12px}.settings-modal-content{width:90vw;max-width:800px;min-width:800px;height:85vh;min-height:500px;max-height:90vh;display:flex;flex-direction:column;padding:0}.settings-modal-content .modal-header{padding:24px 24px 16px;margin-bottom:0;flex-shrink:0}.settings-modal-body{flex:1;display:flex;flex-direction:column;padding:0 24px 24px;min-height:0;overflow:hidden}.settings-save-msg{font-size:14px;margin-bottom:12px;min-height:22px}.settings-save-msg.success{color:#22c55e}.settings-save-msg.error{color:#ef4444}.settings-actions{margin-bottom:16px;display:flex;gap:12px;flex-shrink:0;flex-wrap:wrap;align-items:center}.settings-search-wrap{display:flex;justify-content:center;margin-bottom:16px;flex-shrink:0}.settings-search{width:100%;max-width:400px}.settings-list-header{display:grid;grid-template-columns:1fr 120px 70px 120px;gap:12px;padding:10px 12px;background:rgba(30,41,59,0.8);border-radius:8px;color:#94a3b8;font-size:13px;font-weight:600;margin-bottom:8px;flex-shrink:0}.settings-col-channel{min-width:0}.settings-col-net{min-width:0;justify-self:start}.settings-col-gap{min-width:70px}.settings-col-tax{min-width:0;justify-self:start}.settings-channel-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;scrollbar-width:none;-ms-overflow-style:none}.settings-channel-list::-webkit-scrollbar{display:none}.settings-channel-row{display:grid;grid-template-columns:1fr 120px 70px 120px;gap:12px;align-items:center;padding:10px 12px;background:rgba(30,41,59,0.6);border-radius:8px;border:1px solid rgba(100,116,139,0.2);font-size:14px}.settings-channel-row input.settings-net-pct,.settings-channel-row input.settings-tax-pct{justify-self:start}.settings-row-gap{width:70px;min-width:70px}.settings-channel-row .channel-info{display:flex;align-items:center;gap:10px;min-width:0}.settings-channel-row .channel-info img{width:36px;height:36px;border-radius:50%;object-fit:cover}.settings-channel-row .channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:white}.settings-channel-row input.settings-net-pct,.settings-channel-row input.settings-tax-pct{width:30px;min-width:30px;max-width:30px}.channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:clamp(12px,1.5vw,20px)}@media (max-width:1280px){.channel-revenue-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.channel-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:1200px){.channel-revenue-grid{grid-template-columns:1fr;gap:8px}.channel-revenue-card{display:flex;align-items:center;gap:12px;padding:12px 16px}.channel-revenue-card .card-header{margin-bottom:0;flex:1;min-width:0}.channel-revenue-card .stat-row{flex-direction:column;gap:0;align-items:center;min-width:70px}.channel-revenue-card .stat-row .stat-label{font-size:10px}.channel-revenue-card .stat-row .stat-value{font-size:13px}}@media (max-width:1024px){.dashboard-container{padding:0 var(--content-pad-sm) var(--content-pad) var(--content-pad-sm)}.stats-grid{grid-template-columns:repeat(2,1fr)}.channel-revenue-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.channel-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.channel-revenue-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.channel-list{grid-template-columns:1fr}.header-actions{flex-wrap:wrap;justify-content:center}}@media (max-width:640px){.dashboard-container{padding:0 var(--content-pad-sm) var(--content-pad) var(--content-pad-sm)}.stats-grid{grid-template-columns:1fr}.channel-revenue-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.header-actions{flex-direction:column;align-items:stretch}.header-actions .btn{width:100%;max-width:100%}}@media (min-width:1600px){.stats-grid{grid-template-columns:repeat(4,1fr)}.channel-revenue-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.channel-list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media (min-width:1920px){:root{--content-pad:48px}.channel-revenue-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.report-modal-content{max-height:90vh;overflow-y:auto}.report-time-section{text-align:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(100,116,139,0.2)}.report-time-label{color:#94a3b8;margin-bottom:10px;font-size:13px}.report-time-selector{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.report-time-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.report-custom-date{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid rgba(100,116,139,0.3);flex-wrap:wrap;justify-content:center}.report-date-input{width:140px}.report-content{min-height:100px}.report-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.report-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.report-channel-header{display:flex;justify-content:space-between;align-items:center}@media (max-width:768px){#reportModal{align-items:flex-start;padding:12px 0}#reportModal .report-modal-content{width:96%;max-width:none;margin:0 auto 24px;padding:16px;max-height:calc(100vh - 48px);flex-shrink:0}#reportModal .modal-header{flex-wrap:wrap;gap:12px;margin-bottom:16px}#reportModal .modal-title{font-size:18px;flex:1;min-width:0}#reportModal .modal-close{min-width:44px;min-height:44px;flex-shrink:0}#reportModal .report-time-selector{flex-direction:column;width:100%;align-items:stretch}#reportModal .report-custom-date{border-left:none;border-top:1px solid rgba(100,116,139,0.3);padding-left:0;padding-top:12px;margin-top:8px;flex-direction:column;gap:10px}#reportModal .report-date-input{width:100%;min-width:0}#reportModal .report-time-btns{justify-content:center}#reportModal .report-time-btns .time-btn{padding:10px 14px;font-size:13px}#reportModal .report-grid-3{grid-template-columns:1fr}#reportModal .report-grid-4{grid-template-columns:1fr}#reportModal .report-grid-2{grid-template-columns:1fr}#reportModal .report-channel-header{flex-direction:column;align-items:flex-start;gap:8px}#reportModal .report-content .report-grid-3>div>div:last-child,#reportModal .report-content .report-grid-4>div>div:last-child{font-size:24px !important}}@media (max-width:480px){#reportModal .report-modal-content{width:98%;margin:8px;padding:12px}#reportModal .modal-title{font-size:16px}#reportModal .report-time-btns .time-btn{flex:1;min-width:calc(50% - 6px)}}.wiki-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.wiki-main{padding:40px 60px;background:transparent}.wiki-header{margin-bottom:40px}.wiki-title{font-size:32px;font-weight:300;color:white;margin-bottom:10px}.wiki-desc{color:var(--text-secondary);max-width:600px;line-height:1.6}.magazine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.doc-card{background:var(--panel-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all 0.3s ease;cursor:pointer;height:100%}.doc-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.doc-thumb{height:180px;background:#2a2d3d;display:flex;align-items:center;justify-content:center;font-size:40px;color:rgba(255,255,255,0.2);position:relative}.doc-thumb::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,var(--panel-color),transparent)}.doc-content{padding:24px;flex:1;display:flex;flex-direction:column}.doc-tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent-color);font-weight:700;margin-bottom:12px}.doc-title{font-size:20px;font-weight:600;color:white;margin-bottom:12px;line-height:1.4}.doc-excerpt{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px;flex:1}.doc-footer{display:flex;align-items:center;gap:10px;font-size:12px;color:#64748b;border-top:1px solid rgba(255,255,255,0.05);padding-top:16px}.span-2{grid-column:span 2}@media (max-width:1024px){.wiki-layout{grid-template-columns:1fr}.sidebar-left{display:none}.wiki-main{padding:20px}.magazine-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 1}}@media (max-width:640px){.magazine-grid{grid-template-columns:1fr}.wiki-title{font-size:24px}.doc-thumb{height:140px}}.content-container{max-width:800px;margin:60px auto;padding:40px;background:var(--panel-color);border:1px solid var(--border-color);border-radius:16px;color:white}.back-link{display:inline-block;margin-bottom:20px;color:var(--accent-color);text-decoration:none;font-size:14px}h1{font-size:32px;margin-bottom:24px;color:white}p{line-height:1.8;color:var(--text-secondary);margin-bottom:16px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px}.photo-placeholder{aspect-ratio:16/9;background:#2a2d3d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b}.timeline{border-left:2px solid var(--accent-color);padding-left:20px;margin:30px 0}.step{margin-bottom:20px;position:relative}.step::before{content:'';position:absolute;left:-27px;top:5px;width:12px;height:12px;background:var(--accent-color);border-radius:50%}.step h4{margin:0;color:white}.vision-item,.support-card{background:rgba(255,255,255,0.05);padding:20px;border-radius:12px;margin-top:20px}.vision-item h3,.support-card h3{color:var(--accent-color);margin-top:0}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.course-list{background:rgba(45,136,255,0.1);border:1px solid rgba(45,136,255,0.2);padding:20px;border-radius:12px}.course-item{margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.05);padding-bottom:10px}.course-item:last-child{border-bottom:none}@media (max-width:768px){.content-container{margin:20px 15px;padding:20px}h1{font-size:24px}.gallery,.support-grid{grid-template-columns:1fr}}.vega-header-spacer{height:var(--header-height);flex-shrink:0}#vega-header-host{position:fixed;top:0;left:0;right:0;z-index:1000;flex-shrink:0;background:var(--panel-color)}#vega-header-host .vega-header{display:grid;grid-template-columns:1fr minmax(max-content,auto) 1fr;align-items:center;padding:0 24px;height:var(--header-height);min-height:var(--header-height);min-width:100%;background:var(--panel-color);border-bottom:1px solid var(--border-color);position:relative;width:100%;z-index:1000;box-sizing:border-box;flex-shrink:0}#vega-header-host .vega-header-left{justify-self:start;display:flex;align-items:center;gap:8px}#vega-header-host .vega-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font-size:22px;font-weight:700;margin:0;padding:0}#vega-header-host .vega-nav-center{justify-self:center;display:flex;justify-content:center;align-items:center;gap:12px;flex-shrink:0 !important;min-width:max-content !important}#vega-header-host .vega-nav-item{flex-shrink:0 !important;width:110px !important;min-width:110px !important;padding:10px 8px !important;color:var(--text-secondary);text-decoration:none;font-size:16px;font-weight:500;text-align:center;white-space:nowrap;transition:color 0.2s;border:none;background:none;display:inline-block;box-sizing:border-box}#vega-header-host .vega-nav-item:hover,#vega-header-host .vega-nav-item:active,#vega-header-host .vega-nav-item:focus{color:white;transform:none;outline:none}#vega-header-host .vega-nav-item.active{color:var(--accent-color);text-decoration:underline;text-underline-offset:4px;font-weight:500;text-shadow:0 0 12px rgba(45,136,255,0.35)}#vega-header-host .vega-user-area{justify-self:end;display:flex;align-items:center}#vega-header-host .vega-checkin-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;margin-right:12px;background:linear-gradient(145deg,rgba(255,255,255,0.10),rgba(255,255,255,0.03));color:#f8fafc;border:1px solid rgba(255,255,255,0.18);border-radius:999px;font-size:13px;font-weight:600;letter-spacing:0.2px;cursor:pointer;overflow:hidden;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 8px 22px rgba(2,6,23,0.30);transition:transform 0.22s cubic-bezier(0.22,1,0.36,1),background 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease}#vega-header-host .vega-checkin-btn::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 140% at 0% 0%,rgba(255,255,255,0.18),transparent 55%);opacity:0.85}#vega-header-host .vega-checkin-btn::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,var(--vc-glow,rgba(245,158,11,0.30)),transparent 65%);opacity:0.55;transition:opacity 0.25s ease}#vega-header-host .vega-checkin-btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,0.28);box-shadow:0 12px 30px rgba(2,6,23,0.42),0 0 24px var(--vc-glow,rgba(245,158,11,0.30))}#vega-header-host .vega-checkin-btn:hover::after{opacity:0.85}#vega-header-host .vega-checkin-btn:active{transform:translateY(0) scale(0.97)}#vega-header-host .vega-checkin-btn.pending{--vc-glow:rgba(245,158,11,0.42);animation:vegaCheckinPulse 2.4s ease-in-out infinite}#vega-header-host .vega-checkin-btn.closed{--vc-glow:rgba(148,163,184,0.20);color:#cbd5e1;border-color:rgba(148,163,184,0.22);cursor:not-allowed;animation:none}#vega-header-host .vega-checkin-btn.closed:hover{transform:none;box-shadow:0 6px 14px rgba(2,6,23,0.30)}#vega-header-host .vega-checkin-btn.checkout{--vc-glow:rgba(99,102,241,0.45);color:#e0e7ff;border-color:rgba(129,140,248,0.45);animation:none}#vega-header-host .vega-checkin-btn.checkout.done{--vc-glow:rgba(16,185,129,0.45);color:#d1fae5;border-color:rgba(52,211,153,0.45)}#vega-header-host .vega-checkin-ico{font-size:16px;line-height:1;position:relative;z-index:1}#vega-header-host .vega-checkin-text{position:relative;z-index:1}#vega-header-host .vega-checkin-sub{position:relative;z-index:1;font-size:12px;font-weight:600;opacity:0.92;margin-left:2px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,0.08);font-variant-numeric:tabular-nums;white-space:nowrap}#vega-header-host .vega-checkin-sub:empty{display:none}@keyframes vegaCheckinPulse{0%,100%{box-shadow:0 8px 22px rgba(2,6,23,0.30),0 0 0 0 rgba(245,158,11,0.45)}50%{box-shadow:0 10px 26px rgba(2,6,23,0.36),0 0 0 6px rgba(245,158,11,0)}}@media (max-width:768px){#vega-header-host .vega-checkin-btn{padding:7px 12px}#vega-header-host .vega-checkin-btn .vega-checkin-text{display:none}#vega-header-host .vega-checkin-sub{font-size:11px;padding:2px 7px}}#vega-header-host .vega-avatar-wrap{position:relative;margin:0;padding:0}#vega-header-host .vega-avatar-btn{background:none;border:none;cursor:pointer;padding:0;display:block}#vega-header-host .vega-avatar-circle{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),#6366f1);display:flex;align-items:center;justify-content:center;overflow:hidden}#vega-header-host .vega-avatar-img{width:100%;height:100%;object-fit:cover}#vega-header-host .vega-avatar-initial{color:white;font-size:18px;font-weight:700}#vega-header-host .vega-dropdown{position:absolute;top:calc(100%+8px);right:0;background:var(--panel-color);border:1px solid var(--border-color);border-radius:12px;padding:12px;min-width:200px;box-shadow:0 12px 28px rgba(0,0,0,0.4);z-index:2000;display:none}#vega-header-host .vega-dropdown.show{display:block}#vega-header-host:has(.vega-dropdown.show){z-index:2147483646}#vega-header-host .vega-dropdown{z-index:2147483646}#vega-header-host .vega-dropdown-name{color:white;font-weight:600;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border-color)}#vega-header-host .vega-dropdown-item{display:block;padding:10px 12px;color:var(--text-secondary);text-decoration:none;font-size:14px}#vega-header-host .vega-dropdown-item:hover{color:white;background:rgba(255,255,255,0.05)}#vega-header-host .vega-dropdown-logout:hover{background:rgba(239,68,68,0.2);color:#f87171}#vega-header-host .vega-dropdown-divider{height:1px;background:rgba(100,116,139,0.25);margin:4px 8px}#vega-header-host .vega-btn-login{padding:8px 20px;background:var(--accent-color);color:white;text-decoration:none;border-radius:8px;font-weight:600;font-size:14px}#vega-header-host .vega-btn-login:hover{opacity:0.9}#vega-header-host .vega-logo-img{width:42px;height:42px;object-fit:contain;border-radius:8px;flex-shrink:0}#vega-header-host .vega-brand-name{white-space:nowrap}#vega-header-host .mobile-menu-btn{display:none;font-size:24px;cursor:pointer;padding:8px;color:white;background:none;border:none}.vega-mobile-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.vega-brand-mobile{font-size:18px;color:white;text-decoration:none;display:flex;align-items:center;gap:10px}.vega-logo-mobile{width:32px;height:32px}.vega-mobile-close{font-size:24px;cursor:pointer;color:#64748b}.vega-mobile-close:hover{color:white}.vega-mobile-nav .menu-item.active{background:none;border:none;color:var(--accent-color);text-decoration:underline;text-underline-offset:4px}@media (max-width:1024px){#vega-header-host .mobile-menu-btn{display:block}#vega-header-host .vega-nav-center{display:none}#vega-header-host .vega-header{grid-template-columns:1fr auto}}.time-selector-wrap{display:inline-flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.time-preset-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.time-custom-group{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid rgba(100,116,139,0.3);flex-wrap:wrap}.time-custom-row{display:flex;align-items:center;gap:6px}.time-range-label{color:#94a3b8;font-size:13px;white-space:nowrap}.time-range-input{width:145px}.time-revenue-group{display:flex;align-items:center;gap:16px;padding-left:12px;border-left:1px solid rgba(100,116,139,0.3);flex-wrap:wrap;justify-content:center}.cmp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:640px){.stats-grid{grid-template-columns:1fr 1fr !important}.stat-row{flex-direction:column;align-items:flex-start;gap:2px;padding:6px 0}.stat-row .stat-label{font-size:11px;text-transform:uppercase;letter-spacing:0.5px}.stat-row .stat-value{font-size:18px}.stat-row .stat-value.revenue{font-size:20px}.time-selector-wrap{flex-direction:column;align-items:stretch;width:100%}.time-preset-group{justify-content:center}.time-custom-group{border-left:none;border-top:1px solid rgba(100,116,139,0.3);padding-left:0;padding-top:12px;flex-direction:column;align-items:stretch;gap:10px}.time-custom-row{flex:1}.time-custom-row .time-range-label{min-width:70px}.time-range-input{width:100%;flex:1}.time-custom-group .time-btn{width:100%}.time-revenue-group{border-left:none;border-top:1px solid rgba(100,116,139,0.3);padding-left:0;padding-top:12px;flex-direction:column;align-items:flex-start;gap:10px}.chart-controls-bar{flex-direction:column;align-items:stretch;gap:8px}.chart-ctrl-date,.chart-ctrl-revenue,.chart-channel-filter{border-left:none !important;padding-left:0 !important;border-top:1px solid rgba(100,116,139,0.15);padding-top:8px;justify-content:center}.chart-ctrl-date{flex-wrap:wrap}.chart-channel-filter{min-width:unset;max-width:unset;width:100%}.compare-modal-content .compare-fields{grid-template-columns:1fr !important;gap:16px}.cmp-grid-2{grid-template-columns:1fr !important}#reportModal .report-grid-4{grid-template-columns:1fr 1fr !important}#reportModal .report-grid-2{grid-template-columns:1fr !important}.channel-revenue-grid{grid-template-columns:repeat(2,1fr) !important}}:root{--lg-blur-sm:14px;--lg-blur-md:24px;--lg-blur-lg:40px;--lg-saturate:180%;--lg-tint-1:rgba(255,255,255,0.06);--lg-tint-2:rgba(255,255,255,0.10);--lg-tint-3:rgba(255,255,255,0.14);--lg-stroke-1:rgba(255,255,255,0.14);--lg-stroke-2:rgba(255,255,255,0.22);--lg-shadow-1:0 10px 30px rgba(0,0,0,0.35);--lg-shadow-2:0 24px 60px rgba(0,0,0,0.55),0 2px 6px rgba(0,0,0,0.35);--lg-glow-accent:0 0 24px rgba(59,130,246,0.35);--lg-spring:cubic-bezier(0.22,1,0.36,1);--lg-spring-soft:cubic-bezier(0.34,1.56,0.64,1);--lg-dur-fast:180ms;--lg-dur-med:280ms;--lg-dur-slow:480ms}body::before,body::after{content:"";position:fixed;inset:-20vmax;z-index:-9998;pointer-events:none;filter:blur(80px) saturate(140%);opacity:0.55;mix-blend-mode:screen}body::before{background:radial-gradient(40vmax 40vmax at 18% 22%,rgba(59,130,246,0.55),transparent 60%),radial-gradient(36vmax 36vmax at 82% 78%,rgba(99,102,241,0.45),transparent 60%);animation:lgAuroraA 22s ease-in-out infinite alternate}body::after{background:radial-gradient(38vmax 38vmax at 78% 18%,rgba(236,72,153,0.30),transparent 60%),radial-gradient(34vmax 34vmax at 22% 82%,rgba(6,182,212,0.32),transparent 60%);animation:lgAuroraB 28s ease-in-out infinite alternate}@keyframes lgAuroraA{0%{transform:translate3d(-4%,-2%,0) scale(1.00)}50%{transform:translate3d( 5%,3%,0) scale(1.08)}100%{transform:translate3d(-2%,6%,0) scale(1.04)}}@keyframes lgAuroraB{0%{transform:translate3d( 3%,2%,0) scale(1.05)}50%{transform:translate3d(-4%,-3%,0) scale(1.00)}100%{transform:translate3d( 2%,-5%,0) scale(1.10)}}@keyframes lgFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lgPopIn{from{opacity:0;transform:translateY(6px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lgShimmer{0%{transform:translateX(-120%) skewX(-12deg)}100%{transform:translateX(220%) skewX(-12deg)}}#vega-header-host{background:transparent;-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));border-bottom:1px solid var(--lg-stroke-1);box-shadow:0 10px 30px rgba(0,0,0,0.35)}#vega-header-host .vega-header{background:linear-gradient(180deg,rgba(15,23,42,0.55),rgba(15,23,42,0.30));border-bottom:none}#vega-header-host .vega-brand-name{background:linear-gradient(135deg,#ffffff 0%,#cbd5e1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:0.2px}#vega-header-host .vega-logo-img{box-shadow:0 6px 18px rgba(59,130,246,0.35);transition:transform var(--lg-dur-med) var(--lg-spring-soft)}#vega-header-host .vega-brand:hover .vega-logo-img{transform:rotate(-6deg) scale(1.06)}#vega-header-host .vega-nav-item{position:relative;isolation:isolate;display:inline-flex !important;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 18px !important;line-height:1;border-radius:999px;transition:color var(--lg-dur-med) var(--lg-spring),transform var(--lg-dur-med) var(--lg-spring)}#vega-header-host .vega-nav-item::before{content:"";position:absolute;inset:0;border-radius:999px;background:var(--lg-tint-1);border:1px solid transparent;opacity:0;transform:scale(0.88);transition:opacity var(--lg-dur-med) var(--lg-spring),transform var(--lg-dur-med) var(--lg-spring),background var(--lg-dur-med) var(--lg-spring),border-color var(--lg-dur-med) var(--lg-spring),box-shadow var(--lg-dur-med) var(--lg-spring);z-index:-1;pointer-events:none}#vega-header-host .vega-nav-item:hover{color:#ffffff}#vega-header-host .vega-nav-item:hover::before{opacity:1;transform:scale(1);border-color:rgba(255,255,255,0.18)}#vega-header-host .vega-nav-item.active{color:#ffffff;text-decoration:none;text-shadow:0 0 12px rgba(99,102,241,0.35)}#vega-header-host .vega-nav-item.active::before{opacity:1;transform:scale(1);background:linear-gradient(135deg,rgba(59,130,246,0.30),rgba(99,102,241,0.26));border:1px solid rgba(148,163,184,0.40);box-shadow:0 4px 14px rgba(59,130,246,0.22)}#vega-header-host .vega-avatar-circle{box-shadow:0 8px 22px rgba(59,130,246,0.35);transition:transform var(--lg-dur-med) var(--lg-spring-soft),box-shadow var(--lg-dur-med) var(--lg-spring)}#vega-header-host .vega-avatar-btn:hover .vega-avatar-circle{transform:scale(1.06);box-shadow:0 12px 30px rgba(99,102,241,0.45)}#vega-header-host .vega-dropdown{background:rgba(20,28,48,0.9);-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));border:1px solid var(--lg-stroke-1);border-radius:18px;box-shadow:var(--lg-shadow-2);padding:10px}#vega-header-host .vega-dropdown.show{animation:lgPopIn var(--lg-dur-med) var(--lg-spring) both}#vega-header-host .vega-dropdown-item{border-radius:12px;transition:background var(--lg-dur-fast) var(--lg-spring),color var(--lg-dur-fast) var(--lg-spring),transform var(--lg-dur-fast) var(--lg-spring)}#vega-header-host .vega-dropdown-item:hover{background:var(--lg-tint-2);color:#ffffff;transform:translateX(2px)}#vega-header-host .vega-btn-login{background:linear-gradient(135deg,rgba(59,130,246,0.85),rgba(99,102,241,0.85));border:1px solid rgba(255,255,255,0.18);box-shadow:0 8px 22px rgba(59,130,246,0.35);border-radius:12px;transition:transform var(--lg-dur-med) var(--lg-spring-soft),box-shadow var(--lg-dur-med) var(--lg-spring),filter var(--lg-dur-med) var(--lg-spring)}#vega-header-host .vega-btn-login:hover{opacity:1;transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 32px rgba(59,130,246,0.50)}.mobile-sidebar{background:rgba(15,23,42,0.55);-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));border-right:1px solid var(--lg-stroke-1);box-shadow:8px 0 30px rgba(0,0,0,0.45);transition:left var(--lg-dur-slow) var(--lg-spring)}.mobile-overlay{background:rgba(2,6,23,0.45);-webkit-backdrop-filter:blur(var(--lg-blur-md)) saturate(120%);backdrop-filter:blur(var(--lg-blur-md)) saturate(120%)}.mobile-sidebar .menu-item{border-radius:14px;transition:background var(--lg-dur-med) var(--lg-spring),color var(--lg-dur-med) var(--lg-spring),transform var(--lg-dur-med) var(--lg-spring),border-color var(--lg-dur-med) var(--lg-spring)}.mobile-sidebar .menu-item:hover{background:var(--lg-tint-2);border-color:var(--lg-stroke-1);transform:translateX(6px)}.vega-mobile-nav .menu-item.active{background:linear-gradient(135deg,rgba(59,130,246,0.22),rgba(99,102,241,0.16));border:1px solid rgba(99,102,241,0.40);color:#ffffff;text-decoration:none;box-shadow:0 6px 20px rgba(59,130,246,0.25)}.modal{background:rgba(2,6,23,0.55);-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(140%);backdrop-filter:blur(var(--lg-blur-lg)) saturate(140%)}.modal-content{background:linear-gradient(180deg,rgba(30,41,59,0.55),rgba(15,23,42,0.55));-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));border:1px solid var(--lg-stroke-1);box-shadow:var(--lg-shadow-2);animation:lgPopIn var(--lg-dur-slow) var(--lg-spring) both}.modal-header-profile{background:linear-gradient(135deg,rgba(59,130,246,0.12),rgba(99,102,241,0.10));border-bottom:1px solid var(--lg-stroke-1)}.card{background:rgba(255,255,255,0.05);border:1px solid var(--lg-stroke-1);-webkit-backdrop-filter:blur(var(--lg-blur-sm)) saturate(140%);backdrop-filter:blur(var(--lg-blur-sm)) saturate(140%);border-radius:16px;box-shadow:var(--lg-shadow-1)}.news-post{background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(var(--lg-blur-md)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-md)) saturate(var(--lg-saturate));border:1px solid var(--lg-stroke-1);border-radius:20px;box-shadow:var(--lg-shadow-1);transition:transform var(--lg-dur-med) var(--lg-spring),border-color var(--lg-dur-med) var(--lg-spring),box-shadow var(--lg-dur-med) var(--lg-spring)}.news-post:hover{transform:translateY(-3px);border-color:var(--lg-stroke-2);box-shadow:var(--lg-shadow-2)}.progress-section{background:linear-gradient(145deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03));-webkit-backdrop-filter:blur(var(--lg-blur-md)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-md)) saturate(var(--lg-saturate));border:1px solid var(--lg-stroke-1);border-radius:24px;box-shadow:var(--lg-shadow-1)}.stat-badge{background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(var(--lg-blur-sm)) saturate(140%);backdrop-filter:blur(var(--lg-blur-sm)) saturate(140%);border:1px solid var(--lg-stroke-1);border-radius:18px}.staff-card-id{background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(var(--lg-blur-md)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-md)) saturate(var(--lg-saturate));border:1px solid var(--lg-stroke-1);border-radius:20px;transition:transform var(--lg-dur-med) var(--lg-spring),border-color var(--lg-dur-med) var(--lg-spring),box-shadow var(--lg-dur-med) var(--lg-spring),background var(--lg-dur-med) var(--lg-spring)}.staff-card-id:hover{transform:translateY(-6px);background:rgba(255,255,255,0.09);border-color:var(--lg-stroke-2);box-shadow:0 22px 48px -16px rgba(0,0,0,0.55),0 0 24px rgba(99,102,241,0.25)}.btn{background:linear-gradient(135deg,rgba(59,130,246,0.95),rgba(99,102,241,0.95));border:1px solid rgba(255,255,255,0.18);border-radius:12px;box-shadow:0 10px 24px rgba(59,130,246,0.30);transition:transform var(--lg-dur-med) var(--lg-spring-soft),box-shadow var(--lg-dur-med) var(--lg-spring),filter var(--lg-dur-med) var(--lg-spring);position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 32px rgba(59,130,246,0.45)}.btn:active{transform:translateY(0) scale(0.98)}.btn::after{content:"";position:absolute;top:0;left:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);transform:translateX(-120%) skewX(-12deg);pointer-events:none}.btn:hover::after{animation:lgShimmer 1.2s var(--lg-spring) forwards}.dropdown-menu{background:rgba(20,28,48,0.55);-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));border:1px solid var(--lg-stroke-1);border-radius:16px;box-shadow:var(--lg-shadow-2)}.sidebar{background:rgba(15,23,42,0.45);-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));border-right:1px solid var(--lg-stroke-1)}.nav-item{border-radius:12px;transition:background var(--lg-dur-med) var(--lg-spring),color var(--lg-dur-med) var(--lg-spring),transform var(--lg-dur-med) var(--lg-spring)}.nav-item:hover{background:var(--lg-tint-2);transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,rgba(59,130,246,0.22),rgba(99,102,241,0.18));border-left:3px solid rgba(99,102,241,0.75);box-shadow:0 6px 18px rgba(59,130,246,0.20)}main,.dashboard-container,.login-container,.profile-container{animation:lgFadeUp var(--lg-dur-slow) var(--lg-spring) both}.back-btn{background:rgba(255,255,255,0.08);-webkit-backdrop-filter:blur(var(--lg-blur-md)) saturate(140%);backdrop-filter:blur(var(--lg-blur-md)) saturate(140%);border:1px solid var(--lg-stroke-1)}.back-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,0.55),rgba(99,102,241,0.55));border-color:rgba(255,255,255,0.25)}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;background:transparent}@media (prefers-reduced-motion:reduce){body::before,body::after{animation:none !important}.modal-content,#vega-header-host .vega-dropdown.show,main,.dashboard-container,.login-container,.profile-container{animation:none !important}*,*::before,*::after{transition-duration:1ms !important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){#vega-header-host,#vega-header-host .vega-dropdown,.mobile-sidebar,.modal-content,.news-post,.progress-section,.staff-card-id,.card,.stat-badge,.dropdown-menu,.sidebar{background:rgba(20,28,48,0.92)}}.cal-title h1{font-weight:700;font-size:clamp(22px,2.4vw,32px);letter-spacing:-0.4px;background:linear-gradient(135deg,#ffffff 0%,#cbd5e1 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cal-btn{background:rgba(255,255,255,0.06);-webkit-backdrop-filter:blur(var(--lg-blur-sm)) saturate(160%);backdrop-filter:blur(var(--lg-blur-sm)) saturate(160%);border:1px solid var(--lg-stroke-1);color:#e2e8f0;padding:9px 18px;border-radius:999px;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,0.25);transition:transform var(--lg-dur-med) var(--lg-spring-soft),background var(--lg-dur-med) var(--lg-spring),border-color var(--lg-dur-med) var(--lg-spring),color var(--lg-dur-fast) var(--lg-spring)}.cal-btn:hover{background:linear-gradient(135deg,rgba(59,130,246,0.30),rgba(99,102,241,0.28));border-color:rgba(255,255,255,0.25);color:#ffffff;transform:translateY(-2px);box-shadow:0 12px 26px rgba(59,130,246,0.30)}.cal-btn:active{transform:translateY(0) scale(0.97)}.calendar-grid{background:rgba(255,255,255,0.04);-webkit-backdrop-filter:blur(var(--lg-blur-md)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-md)) saturate(var(--lg-saturate));border:1px solid var(--lg-stroke-1);border-radius:22px;box-shadow:var(--lg-shadow-1);gap:1px;overflow:hidden}.cal-day-header{background:rgba(255,255,255,0.05);color:#cbd5e1;border-bottom:1px solid var(--lg-stroke-1);font-weight:600;letter-spacing:1.2px}.cal-cell{background:rgba(255,255,255,0.025);transition:background var(--lg-dur-med) var(--lg-spring),box-shadow var(--lg-dur-med) var(--lg-spring),transform var(--lg-dur-med) var(--lg-spring)}.cal-cell:hover{background:rgba(255,255,255,0.08);z-index:2}.cal-cell.other-month{background:rgba(0,0,0,0.18)}.cal-cell.other-month:hover{background:rgba(255,255,255,0.05)}.day-number{font-weight:600;transition:background var(--lg-dur-med) var(--lg-spring),box-shadow var(--lg-dur-med) var(--lg-spring),transform var(--lg-dur-med) var(--lg-spring-soft)}.cal-cell:hover .day-number{background:rgba(255,255,255,0.08);transform:scale(1.06)}.cal-cell.today{background:linear-gradient(180deg,rgba(34,211,238,0.10),rgba(34,211,238,0.02));box-shadow:0 0 22px rgba(34,211,238,0.18)}.cal-cell.today .day-number{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#ffffff;box-shadow:0 6px 14px rgba(34,211,238,0.45)}.event-tag{border-radius:6px;border-left:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08);transition:transform var(--lg-dur-fast) var(--lg-spring),box-shadow var(--lg-dur-fast) var(--lg-spring)}.event-tag:hover{transform:translateX(2px);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18)}.schedule-sidebar{background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));border:1px solid var(--lg-stroke-1);border-left:1px solid var(--lg-stroke-1);border-radius:22px;box-shadow:var(--lg-shadow-1);height:fit-content;margin-top:6px}.info-col{background:rgba(255,255,255,0.05);-webkit-backdrop-filter:blur(var(--lg-blur-sm)) saturate(140%);backdrop-filter:blur(var(--lg-blur-sm)) saturate(140%);border:1px solid var(--lg-stroke-1);border-radius:14px;box-shadow:0 4px 14px rgba(0,0,0,0.20);transition:transform var(--lg-dur-med) var(--lg-spring),border-color var(--lg-dur-med) var(--lg-spring),box-shadow var(--lg-dur-med) var(--lg-spring)}.schedule-item:hover .info-col{transform:translateX(2px);border-color:var(--lg-stroke-2);box-shadow:0 10px 24px rgba(0,0,0,0.35)}.time-col{color:#cbd5e1;font-size:22px;text-align:center;padding-top:2px}.schedule-item::before{background:linear-gradient(180deg,rgba(148,163,184,0.40),rgba(148,163,184,0.05))}.cal-tooltip{background:rgba(20,28,48,0.55) !important;-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));border:1px solid var(--lg-stroke-1) !important;border-radius:14px !important;box-shadow:var(--lg-shadow-2) !important}.cal-popup-overlay{background:rgba(2,6,23,0.55) !important;-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(140%);backdrop-filter:blur(var(--lg-blur-lg)) saturate(140%)}.cal-popup-overlay.open .cal-popup{animation:lgPopIn var(--lg-dur-slow) var(--lg-spring) both}.cal-popup{background:linear-gradient(180deg,rgba(30,41,59,0.55),rgba(15,23,42,0.55)) !important;-webkit-backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));backdrop-filter:blur(var(--lg-blur-lg)) saturate(var(--lg-saturate));border:1px solid var(--lg-stroke-1) !important;border-radius:22px !important;box-shadow:var(--lg-shadow-2) !important}.cal-popup .pop-event{background:rgba(255,255,255,0.05) !important;border:1px solid var(--lg-stroke-1) !important;border-radius:12px !important;transition:transform var(--lg-dur-med) var(--lg-spring),background var(--lg-dur-med) var(--lg-spring),border-color var(--lg-dur-med) var(--lg-spring)}.cal-popup .pop-event:hover{transform:translateX(2px);background:rgba(255,255,255,0.08) !important;border-color:var(--lg-stroke-2) !important}.cal-popup .pop-bday-banner{-webkit-backdrop-filter:blur(var(--lg-blur-sm)) saturate(160%);backdrop-filter:blur(var(--lg-blur-sm)) saturate(160%)}.mobile-today-fab{border:1px solid rgba(255,255,255,0.22) !important;box-shadow:0 12px 28px rgba(59,130,246,0.45),0 1px 0 rgba(255,255,255,0.22) inset !important;transition:transform var(--lg-dur-med) var(--lg-spring-soft),box-shadow var(--lg-dur-med) var(--lg-spring),filter var(--lg-dur-med) var(--lg-spring) !important}.mobile-today-fab:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 18px 36px rgba(59,130,246,0.55),0 1px 0 rgba(255,255,255,0.30) inset !important}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.calendar-grid,.schedule-sidebar,.cal-popup,.cal-tooltip,.info-col{background:rgba(20,28,48,0.92) !important}}#vega-header-host .vega-nav-item-notif{gap:6px}#vega-header-host .vega-nav-notif-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#ffffff;font-size:10.5px;font-weight:700;line-height:1;box-shadow:0 0 10px rgba(239,68,68,0.55);pointer-events:none}#vega-header-host .vega-nav-notif-badge[hidden]{display:none}