.mega-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#18181b59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.mega-search-panel{width:min(600px,90vw);border-radius:var(--radius-xl);overflow:hidden}.mega-search-input-row{display:flex;align-items:center;gap:10px;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--glass-border)}.mega-search-input-row input{flex:1;border:none;background:transparent;font-size:16px;outline:none;font-family:var(--font-body);color:var(--x7-gray-900)}.mega-search-input-row button{background:none;border:none;color:var(--x7-gray-400)}.mega-search-results{max-height:50vh;overflow-y:auto;padding:var(--space-3) var(--space-2)}.mega-search-empty{padding:var(--space-5);text-align:center;color:var(--x7-gray-400);font-size:13px}.mega-search-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--x7-gray-400);padding:var(--space-2) var(--space-3)}.mega-search-item{display:flex;align-items:center;gap:10px;padding:10px var(--space-3);border-radius:var(--radius-md);cursor:pointer}.mega-search-item:hover{background:var(--x7-orange-50)}.mega-search-item-id{font-family:monospace;font-size:11px;font-weight:700;color:var(--x7-orange-600);background:var(--x7-orange-50);padding:2px 8px;border-radius:var(--radius-pill)}.mega-search-item-name{font-size:13px;color:var(--x7-gray-700)}.notif-panel{position:absolute;right:var(--space-5);top:64px;width:340px;max-height:60vh;overflow-y:auto;border-radius:var(--radius-lg);z-index:90;padding:var(--space-3)}.notif-header{font-weight:700;padding:var(--space-2) var(--space-3);font-size:14px}.notif-item{padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:4px}.notif-item--unread{background:var(--x7-orange-50)}.notif-item-title{font-size:13px;font-weight:600;color:var(--x7-gray-900)}.notif-item-body{font-size:12px;color:var(--x7-gray-500);margin-top:2px}.notif-item-time{font-size:11px;color:var(--x7-gray-400);margin-top:4px}.notif-empty{padding:var(--space-5);text-align:center;color:var(--x7-gray-400);font-size:13px}.notif-digest-header{display:flex;align-items:center;gap:8px;cursor:pointer}.notif-digest-sub{font-size:12px;color:var(--x7-gray-500);padding:4px 0 4px 12px}.topnav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.topnav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--x7-gray-900)}.topnav-logo{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--x7-orange-400),var(--x7-orange-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.topnav-search-trigger{flex:1;display:flex;align-items:center;gap:10px;background:var(--x7-gray-50);border:1px solid var(--x7-gray-100);border-radius:var(--radius-pill);padding:10px 16px;color:var(--x7-gray-500);font-size:13px;max-width:480px}.topnav-search-trigger kbd{background:var(--x7-white);border:1px solid var(--x7-gray-200);border-radius:4px;padding:1px 5px;font-size:11px}.topnav-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.topnav-icon-btn{position:relative;background:transparent;border:none;color:var(--x7-gray-600);padding:8px;border-radius:50%}.topnav-icon-btn:hover{background:var(--x7-gray-100)}.topnav-badge{position:absolute;top:2px;right:2px;background:var(--x7-orange-500);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center}.topnav-avatar{width:34px;height:34px;border-radius:50%;background:var(--x7-gray-900);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.sidebar{width:240px;min-height:100vh;padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;position:sticky;top:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--x7-gray-600);font-size:14px;font-weight:500;transition:all var(--dur-fast) var(--ease-smooth)}.sidebar-link:hover{background:var(--x7-gray-50);color:var(--x7-gray-900)}.sidebar-link--active{background:var(--x7-orange-50);color:var(--x7-orange-600);font-weight:700}.sidebar-link--footer{margin-top:auto}@media (max-width: 900px){.sidebar{display:none}}.topnav-avatar-menu{position:absolute;right:0;top:46px;width:180px;z-index:90;border-radius:var(--radius-md);padding:var(--space-3)}.topnav-avatar-menu-name{font-size:13px;font-weight:700}.topnav-avatar-menu-role{font-size:11px;color:var(--x7-gray-500);margin-bottom:10px;text-transform:capitalize}.topnav-avatar-menu button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;padding:8px 6px;border-radius:8px;font-size:13px;color:var(--x7-gray-700)}.topnav-avatar-menu button:hover{background:var(--x7-gray-50)}.topnav-avatar-menu-logout{color:var(--x7-danger)!important}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--space-5)}.glass-card--interactive{cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-smooth)}.glass-card--interactive:hover{box-shadow:0 16px 40px #ff7a1a29;border-color:var(--x7-orange-100)}.glass-panel-strong{background:var(--glass-bg-strong);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--x7-orange-50);color:var(--x7-orange-600);font-size:12px;font-weight:600}:root{--x7-white: #FFFFFF;--x7-white-soft: #FAFAFA;--x7-gray-50: #F6F6F7;--x7-gray-100: #EDEDEF;--x7-gray-200: #E1E1E4;--x7-gray-300: #C7C7CC;--x7-gray-400: #9C9CA3;--x7-gray-500: #71717A;--x7-gray-600: #52525B;--x7-gray-700: #3A3A40;--x7-gray-900: #18181B;--x7-orange-50: #FFF3EA;--x7-orange-100: #FFE1CC;--x7-orange-400: #FF9A4D;--x7-orange-500: #FF7A1A;--x7-orange-600: #E8630A;--x7-orange-700: #C24F05;--x7-success: #34C759;--x7-danger: #FF3B30;--x7-warning: #FFCC00;--glass-bg: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px rgba(24, 24, 27, .08);--glass-blur: 20px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-display: "General Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s}[data-theme=dark]{--x7-white: #1C1C1E;--x7-white-soft: #232326;--x7-gray-50: #2A2A2E;--x7-gray-100: #323236;--x7-gray-900: #F5F5F7;--glass-bg: rgba(28, 28, 30, .6);--glass-bg-strong: rgba(28, 28, 30, .8);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:linear-gradient(180deg,var(--x7-gray-50) 0%,var(--x7-white) 40%);color:var(--x7-gray-900);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:focus-visible{outline:2px solid var(--x7-orange-500);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--x7-gray-300);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:transparent}.page-shell{display:flex;min-height:100vh}.main-content{flex:1;padding:var(--space-6);max-width:1400px;margin:0 auto;width:100%}.grid{display:grid;gap:var(--space-5)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.main-content{padding:var(--space-4)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#18181b59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#18181b40;display:flex;justify-content:flex-end}.drawer-panel{width:min(420px,92vw);height:100vh;padding:var(--space-6);overflow-y:auto;border-radius:var(--radius-xl) 0 0 var(--radius-xl)}