.screen-container{padding:var(--space-xl);max-width:1400px;margin:0 auto}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-border)}.header-title h1{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.header-title p{color:var(--color-text-secondary);font-size:.95rem}.screen-toolbar{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.search-box{flex:1;min-width:300px}.search-box input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;transition:var(--transition-base)}.search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00425f1a}.filter-group{display:flex;gap:var(--space-sm)}.filter-group select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;background-color:var(--color-bg);cursor:pointer;transition:var(--transition-base)}.filter-group select:hover{border-color:var(--color-primary)}.filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00425f1a}.table-container{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff}.data-table th{padding:var(--space-md);text-align:left;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:var(--space-md);border-bottom:1px solid var(--color-border)}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--color-bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.loading-cell,.empty-cell{text-align:center;padding:var(--space-2xl)!important;color:var(--color-text-secondary);font-style:italic}.actions-column{width:150px;text-align:center}.btn-icon{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:var(--space-xs);margin:0 var(--space-xs);transition:var(--transition-fast);opacity:.7}.btn-icon:hover{opacity:1;transform:scale(1.2)}.btn-icon.btn-danger:hover{filter:brightness(1.2)}.badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-active{background-color:#d1fae5;color:#065f46}.badge-trial{background-color:#dbeafe;color:#1e40af}.badge-inactive{background-color:#f3f4f6;color:#6b7280}.badge-suspended{background-color:#fee2e2;color:#991b1b}.badge-pending{background-color:#fef3c7;color:#92400e}.badge-plan-free{background-color:#f3f4f6;color:#374151}.badge-plan-basic{background-color:#dbeafe;color:#1e40af}.badge-plan-professional{background-color:#e0e7ff;color:#4338ca}.badge-plan-enterprise{background-color:#fce7f3;color:#9f1239}.badge-super{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;margin-left:var(--space-xs)}.badge-role{background-color:var(--color-accent-light);color:var(--color-dark);margin-right:var(--space-xs);margin-bottom:var(--space-xs)}.badge-level{background-color:var(--color-secondary);color:#fff}.tenant-info,.user-info,.contact-info,.role-info{display:flex;flex-direction:column;gap:.25rem}.tenant-info strong,.user-info strong,.role-info strong{font-weight:600;color:var(--color-text)}.tenant-info small,.contact-info small,.role-info small{font-size:.85rem;color:var(--color-text-secondary)}.user-count{font-weight:600;color:var(--color-primary)}.roles-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.modal-form{padding:var(--space-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.form-group label{font-weight:600;color:var(--color-text);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;font-family:var(--font-main);transition:var(--transition-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00425f1a}.form-group input:disabled{background-color:var(--color-bg-tertiary);cursor:not-allowed}.roles-checklist{max-height:400px;overflow-y:auto;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.role-checkbox,.permission-checkbox{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.role-checkbox:hover,.permission-checkbox:hover{background-color:var(--color-bg-secondary)}.role-checkbox input[type=checkbox],.permission-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.permission-info{display:flex;flex-direction:column;gap:.25rem}.permission-info strong{font-weight:600;color:var(--color-text)}.permission-info small{font-size:.85rem;color:var(--color-text-secondary)}.permissions-container{max-height:500px;overflow-y:auto;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.permission-module{margin-bottom:var(--space-xl)}.module-title{font-size:1.1rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border);text-transform:uppercase}.permissions-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xs)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);padding:var(--space-lg)}.stat-item{padding:var(--space-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.stat-item strong{display:block;margin-bottom:var(--space-xs);color:var(--color-text-secondary);font-size:.9rem}.error-message{text-align:center;padding:var(--space-2xl);color:var(--color-error)}.error-message h2{font-size:2rem;margin-bottom:var(--space-md)}@media(max-width:768px){.screen-container{padding:var(--space-md)}.screen-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.form-row,.stats-grid{grid-template-columns:1fr}.data-table{font-size:.85rem}.data-table th,.data-table td{padding:var(--space-sm)}}.dashboard-container{display:flex;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 42%,var(--foccus-navy-mid, #1a3a6d) 0%,var(--foccus-navy-deep, #050d1a) 68%),linear-gradient(155deg,var(--shell-navy-1) 0%,var(--shell-navy-2) 35%,var(--shell-navy-4) 100%)}.dashboard-nav{width:250px;min-height:0;background:var(--foccus-navy-panel, rgba(26, 58, 109, .55));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-right:1px solid var(--shell-border);color:var(--shell-fg, #f8fafc);display:flex;flex-direction:column;padding:var(--space-md) var(--space-sm) var(--space-xs) var(--space-sm);box-shadow:var(--shadow-lg);overflow:hidden}.nav-header{flex-shrink:0;margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--shell-border-soft)}.nav-logo{font-size:1.45rem;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs)}.nav-user{font-size:.78rem;opacity:.8}.nav-menu{list-style:none;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding-right:2px}.nav-menu::-webkit-scrollbar{width:6px}.nav-menu::-webkit-scrollbar-thumb{background:#dab17759;border-radius:4px}.nav-footer{flex-shrink:0;margin-top:auto;padding-bottom:.5rem;width:100%}.nav-menu li{margin-bottom:.2rem}.nav-menu-item>.nav-menu-toggle{color:var(--color-accent);letter-spacing:.03em}.nav-menu a{display:block;padding:.35rem .5rem;color:#fff;text-decoration:none;border-radius:var(--radius-md);transition:var(--transition-base);font-weight:500;font-size:.8rem;line-height:1.25}.nav-menu a:hover{background:#ffffff1a;transform:translate(5px)}.nav-menu a.active{background:#fff3;box-shadow:var(--shadow-sm)}.dashboard-nav .nav-menu-toggle{padding:.4rem .45rem;font-size:.82rem;line-height:1.2}.dashboard-nav .nav-submenu{padding-left:.65rem}.dashboard-nav .nav-submenu li{margin:.1rem 0}.dashboard-nav .nav-submenu a{padding:.28rem .45rem;font-size:.78rem;line-height:1.25}.nav-logout{padding:.45rem .55rem;font-size:.8rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:var(--transition-base)}.nav-logout:hover{background:#fff3}.dashboard-main{flex:1;overflow-y:auto;background:transparent}.stockspin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px 14px;border-bottom:1px solid var(--shell-border);background:var(--foccus-navy-header, rgba(26, 58, 109, .72));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);flex-shrink:0}.stockspin-toolbar-title{font-weight:600;color:var(--color-accent);letter-spacing:.02em}.stockspin-toolbar-src{font-size:12px;color:var(--shell-fg-muted);word-break:break-all;text-align:right}.dashboard-main--cockpit{background:linear-gradient(180deg,#06101c73,#040a149e 45%,#02060c59)}.welcome-title{font-size:3rem;margin-bottom:1rem;font-weight:700;letter-spacing:.04em;background:linear-gradient(135deg,#f4e8cc 0%,var(--color-accent) 42%,#b8925a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-sub{color:var(--shell-fg-muted);font-size:1.15rem;font-weight:300;font-family:var(--font-secondary);margin-bottom:2rem}.dashboard-main--cockpit .screen-header{border-bottom-color:var(--shell-border)}.dashboard-main--cockpit .header-title h1{background:linear-gradient(135deg,#f4e8cc 0%,var(--color-accent) 45%,#b8925a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-main--cockpit .header-title p{color:var(--shell-fg-muted)}.dashboard-main--cockpit .screen-container{color:var(--shell-fg)}.dashboard-main--cockpit .screen-container .table-wrapper tbody td,.dashboard-main--cockpit .screen-container .table-wrapper tbody th{color:#0f172a}.dashboard-main--cockpit .screen-container .table-wrapper tbody .text-muted{color:#64748b}.dashboard-main--cockpit .screen-container .table-footer-summary{color:#334155}.dashboard-main--cockpit .screen-container .table-wrapper .user-info strong,.dashboard-main--cockpit .screen-container .table-wrapper .tenant-info strong,.dashboard-main--cockpit .screen-container .table-wrapper .role-info strong{color:#0f172a}.dashboard-main--cockpit .screen-container .table-wrapper .role-info small,.dashboard-main--cockpit .screen-container .table-wrapper .tenant-info small,.dashboard-main--cockpit .screen-container .table-wrapper .contact-info small{color:#64748b}.dashboard-main--cockpit .search-box input,.dashboard-main--cockpit .filter-group select{background:#030c16a6;border-color:var(--shell-border-soft);color:var(--shell-fg)}.dashboard-main--cockpit .search-box input::placeholder{color:#94a3b8d9}.dashboard-main--cockpit .table-container{background:#040e1ab8;border:1px solid var(--shell-border-soft);box-shadow:0 12px 40px #00000073}.dashboard-main--cockpit .data-table thead{background:linear-gradient(90deg,#003248fa,#1a2046fa);color:var(--color-accent)}.dashboard-main--cockpit .data-table th{color:var(--color-accent)}.dashboard-main--cockpit .data-table td{border-bottom-color:var(--shell-border-soft);color:var(--shell-fg)}.dashboard-main--cockpit .data-table tbody tr:hover{background-color:#ffffff0d}.dashboard-main--cockpit .tenant-info strong,.dashboard-main--cockpit .user-info strong,.dashboard-main--cockpit .role-info strong,.dashboard-main--cockpit .permission-info strong{color:var(--shell-fg)}.dashboard-main--cockpit .tenant-info small,.dashboard-main--cockpit .contact-info small,.dashboard-main--cockpit .role-info small,.dashboard-main--cockpit .permission-info small{color:var(--shell-fg-muted)}.dashboard-main--cockpit .user-count{color:var(--color-accent)}.dashboard-main--cockpit .module-title{color:var(--color-accent);border-bottom-color:var(--shell-border-soft)}.dashboard-main--cockpit .roles-checklist,.dashboard-main--cockpit .permissions-container{background:#030c168c;border-color:var(--shell-border-soft)}.dashboard-main--cockpit .role-checkbox:hover,.dashboard-main--cockpit .permission-checkbox:hover{background-color:#ffffff0f}.dashboard-main--cockpit .form-group label{color:var(--color-accent)}.dashboard-main--cockpit .form-group input,.dashboard-main--cockpit .form-group select,.dashboard-main--cockpit .form-group textarea{background:#030c16a6;border-color:var(--shell-border-soft);color:var(--shell-fg)}.dashboard-main--cockpit .stat-item{background:#030c1699;border-left-color:var(--color-accent)}.dashboard-main--cockpit .stat-item strong,.dashboard-main--cockpit .loading-cell,.dashboard-main--cockpit .empty-cell{color:var(--shell-fg-muted)}.dashboard-main--cockpit .quick-action-btn{background:#040e1abf;border-color:var(--shell-border-soft)}.dashboard-main--cockpit .quick-action-btn strong{color:var(--color-accent)}.dashboard-main--cockpit .quick-action-btn small{color:var(--shell-fg-muted)}.dashboard-main--cockpit .btn-primary{background:linear-gradient(135deg,#050c14,#0f2434);color:var(--color-accent);border:1px solid var(--shell-border)}.dashboard-main--cockpit .btn-primary:hover{border-color:var(--color-accent);box-shadow:0 4px 20px #00000059}.dashboard-main--cockpit .btn-secondary{background:#06101ca6;color:var(--shell-fg);border:1px solid var(--shell-border-soft)}.dashboard-main--cockpit .btn-secondary:hover{background:#0c1c2cd9;border-color:var(--shell-border)}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:var(--space-2xl);text-align:center}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl);max-width:900px}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.quick-action-btn:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.quick-action-btn span{font-size:3rem}.quick-action-btn strong{font-size:1.1rem;color:var(--color-text)}.quick-action-btn small{font-size:.9rem;color:var(--color-text-secondary)}@media(max-width:768px){.dashboard-container{flex-direction:column}.dashboard-nav{width:100%;height:auto;padding:var(--space-md)}.nav-menu{display:flex;flex:none;min-height:auto;overflow-x:auto;overflow-y:visible;gap:var(--space-sm)}.nav-menu li{margin-bottom:0}.quick-actions{grid-template-columns:1fr}}.version-display-global{position:fixed;bottom:8px;left:8px;font-size:.75rem;color:#0006;opacity:.7;z-index:99999;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-main);font-weight:500;padding:4px 8px;background:#fffc;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .2s ease}.version-display-global:hover{opacity:1}.dialog-overlay .version-display,.modal-overlay .version-display{position:absolute;bottom:8px;left:8px;font-size:.7rem;color:#0000004d;opacity:.6;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-main)}.filter-dropdown{position:absolute;z-index:1000;background-color:#fff;box-shadow:0 8px 24px #00000026;border-radius:12px;border:1px solid var(--color-border-light);min-width:280px;padding:1rem;animation:float-in .2s ease-out}@keyframes float-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown .form-input{width:100%;padding:.5rem;border:1px solid var(--color-border-light);border-radius:6px;font-size:.9rem;transition:border-color .2s ease}.filter-dropdown .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00425f1a}.filter-dropdown button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.filter-dropdown button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.table-wrapper{overflow:auto;flex:1;border:1px solid var(--color-border-light);border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000d}.table-wrapper table thead tr{background:linear-gradient(135deg,#00425f,#2f6c81);color:#fff}.table-wrapper table thead th{font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:var(--text-table-header);padding:.9rem var(--row-padding-horizontal);border-bottom:2px solid rgba(255,255,255,.2)}.filter-icon{transition:all .2s ease}.filter-trigger:hover .filter-icon{transform:scale(1.1)}.sort-toggle{transition:all .2s ease}.sort-toggle:hover{transform:scale(1.2)}.hoverable-row{transition:all .15s ease;cursor:pointer}.hoverable-row:hover{background-color:var(--row-hover-bg, #EDD8BB)!important;transform:translate(2px)}.hoverable-row td{padding:.9rem var(--row-padding-horizontal);border-bottom:1px solid var(--color-border-light)}.table-wrapper tbody td{color:#0f172a}.table-wrapper table th[data-col-key]{position:sticky;top:0;z-index:20;padding-right:14px!important;overflow:visible}.table-wrapper table td[style*="position: sticky"]{box-shadow:2px 0 4px #0000000d}.excel-col-resize-handle{position:absolute;top:0;right:0;width:8px;height:100%;cursor:col-resize;z-index:35;-webkit-user-select:none;user-select:none;touch-action:none}.excel-col-resize-handle:after{content:"";position:absolute;top:15%;bottom:15%;right:3px;width:2px;border-radius:1px;background:#ffffff59}.excel-col-resize-handle:hover:after{background:#f5cf96f2}.table-wrapper input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.table-wrapper input[type=checkbox]:hover{transform:scale(1.1)}.table-footer-summary{padding:1rem;border-top:2px solid var(--color-border-light);background:linear-gradient(to bottom,#f9fafb,#fff);display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:var(--color-text-medium);border-radius:0 0 12px 12px}.table-footer-summary strong{color:var(--color-primary);font-weight:600}.table-footer-summary button{transition:all .2s ease}.table-footer-summary button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.table-footer-summary button:active{transform:translateY(0)}.draggable-header{cursor:move!important;-webkit-user-select:none;user-select:none}.draggable-header:active{opacity:.7}.draggable-header[style*=border-left]{border-left:4px solid var(--color-gold)!important}tr[data-special-row=true]{background-color:#f0f9ff;font-weight:600;border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary)}tr[data-special-row=true] td{padding:.75rem var(--row-padding-horizontal)}.table-wrapper tbody tr td[colspan]{text-align:center;padding:3rem 2rem;color:var(--color-text-muted);font-size:1rem}@media(max-width:768px){.table-wrapper{border-radius:8px}.filter-dropdown{min-width:240px;padding:.75rem}.table-footer-summary{flex-direction:column;gap:.75rem;align-items:flex-start}}.table-wrapper tbody tr:nth-child(2n){background:linear-gradient(to right,#f9fafb,#fff)}.table-wrapper input:focus,.table-wrapper select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00425f1a}.table-wrapper::-webkit-scrollbar{width:10px;height:10px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.table-wrapper.loading{opacity:.6;pointer-events:none}.cell-success{color:#10b981;font-weight:600}.cell-error{color:#ef4444;font-weight:600}.cell-warning{color:#f59e0b;font-weight:600}.text-muted{color:var(--color-text-muted);font-style:italic}:root{--foccus-navy-deep: #050d1a;--foccus-navy-header: rgba(26, 58, 109, .72);--foccus-navy-panel: rgba(26, 58, 109, .55);--foccus-navy-mid: #1a3a6d;--foccus-gold: #dab177;--foccus-gold-bright: #f5cf96;--foccus-glass-border: rgba(218, 177, 119, .2);--foccus-shell-fg: #f8fafc;--foccus-text-dim: #94a3b8;--foccus-emerald: #10b981;--foccus-ruby: #f43f5e;--color-primary: #00425F;--color-secondary: #2f6c81;--color-accent: var(--foccus-gold);--color-gold: var(--foccus-gold);--color-dark: #202451;--color-primary-light: #005a7f;--color-primary-dark: #002a3f;--color-secondary-light: #4a8a9f;--color-accent-light: #e5c599;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-bg: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--shell-navy-1: var(--foccus-navy-mid);--shell-navy-2: #0d2444;--shell-navy-3: #081a30;--shell-navy-4: var(--foccus-navy-deep);--shell-border: var(--foccus-glass-border);--shell-border-soft: rgba(218, 177, 119, .12);--shell-fg: var(--foccus-shell-fg);--shell-fg-muted: var(--foccus-text-dim);--color-border: #e2e8f0;--color-border-light: #e2e8f0;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--font-main: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Outfit", "Poppins", sans-serif;--font-mono: "Courier New", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}body.dark-mode{--color-bg: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-border: #475569;--color-text: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-main);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{font-family:var(--font-secondary);margin-bottom:var(--space-md)}button,.btn{font-family:var(--font-main);font-weight:500;padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:.875rem}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-tertiary)}input,select,textarea{font-family:var(--font-secondary);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;transition:all var(--transition-base);width:100%}.input-error{border:2px solid #EF4444!important;border-radius:8px!important;background-color:#fef2f2!important}.required,.required-asterisk{color:#ef4444;margin-left:.25rem;font-weight:700}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00425f1a}label{font-family:var(--font-main);font-weight:500;font-size:.875rem;color:var(--color-text);margin-bottom:var(--space-xs);display:block}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-xl)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.gradient-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.gradient-accent{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-accent) 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base)}.slide-in{animation:slideIn var(--transition-slow)}#custom-dialog-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;pointer-events:all;animation:fadeIn .2s ease}.dialog-overlay.fade-out{animation:fadeOut .2s ease}.dialog-box{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:90%;overflow:hidden}.dialog-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;justify-content:space-between;align-items:center}.dialog-header h3{margin:0;color:#fff;font-size:1.25rem;font-weight:600}.dialog-body{padding:var(--space-xl)}.dialog-body p{margin:0 0 var(--space-md) 0;color:var(--color-text);line-height:1.6;white-space:pre-line}.dialog-input{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-secondary);margin-top:var(--space-sm)}.dialog-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00425f1a}.dialog-footer{padding:var(--space-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-sm);background:var(--color-bg-secondary)}.dialog-footer button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-base)}.dialog-confirm-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none}.dialog-confirm-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.dialog-cancel-btn{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.dialog-cancel-btn:hover{background:var(--color-bg-tertiary)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-float-in{animation:floatIn .3s cubic-bezier(.25,.46,.45,.94)}.animate-float-out{animation:floatOut .2s cubic-bezier(.55,.085,.68,.53)}@keyframes floatIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.98)}}.nav-menu-item{list-style:none}.nav-menu-toggle{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;color:var(--color-text);text-decoration:none;font-weight:600;transition:all var(--transition-base);cursor:pointer;border-radius:var(--radius-md)}.nav-menu-toggle:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary)}.nav-menu-arrow{font-size:.75rem;transition:transform var(--transition-base);margin-left:auto}.nav-submenu{list-style:none;padding-left:1.5rem;max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.nav-submenu.active{max-height:2000px}.nav-section-separator{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:.6rem .75rem .2rem;pointer-events:none;border-top:1px solid var(--color-border);margin-top:.4rem}.coceo-toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:99999;display:flex;flex-direction:column;gap:.5rem}.coceo-toast{padding:.75rem 1.25rem;border-radius:var(--radius-md);color:#fff;font-size:.9rem;font-weight:500;box-shadow:var(--shadow-lg);animation:slideIn .3s ease;max-width:380px}.coceo-toast.success{background:#10b981}.coceo-toast.error{background:#ef4444}.coceo-toast.warning{background:#f59e0b}.coceo-toast.info{background:#3b82f6}.nav-submenu li{margin:.25rem 0}.nav-submenu a{display:block;padding:.5rem 1rem;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:all var(--transition-base);border-radius:var(--radius-sm)}.nav-submenu a:hover{background-color:var(--color-bg-tertiary);color:var(--color-primary);transform:translate(4px)}.nav-submenu a.active{background-color:var(--color-primary);color:#fff;font-weight:600}.users-section{margin-top:2rem;border-top:1px solid var(--color-border);padding-top:1rem}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.users-header h3{font-size:1rem;color:var(--color-primary);margin:0;display:flex;align-items:center;gap:.5rem}.expand-icon{display:inline-block;transition:transform var(--transition-base);font-size:.75rem}.users-content{max-height:400px;overflow:auto;transition:max-height var(--transition-slow)}.users-placeholder{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:2rem;text-align:center}.users-table{width:100%;border-collapse:collapse;font-size:.9rem}.users-table th{background:var(--color-bg-tertiary);padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid var(--color-border);color:var(--color-text)}.users-table td{padding:.75rem;border-bottom:1px solid var(--color-border-light)}.users-table tr:hover{background:var(--color-bg-secondary)}.users-table tr .btn-icon{opacity:0;transition:opacity .2s ease-in-out;padding:.1rem;margin:0}.users-table tr:hover .btn-icon{opacity:.7}.users-table tr:hover .btn-icon:hover{opacity:1}.btn-icon{background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;opacity:.7;transition:opacity var(--transition-base)}.btn-icon:hover{opacity:1}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.dashboard-header{height:auto;background:var(--foccus-navy-header);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:none;border-bottom:1px solid var(--shell-border);display:flex;align-items:center;padding:.35rem 2rem;box-shadow:none!important;flex-shrink:0;width:100%}.dashboard-header .text-primary{color:var(--color-accent)}.user-info-header{font-size:.9rem;color:var(--shell-fg);margin-right:1.5rem;font-weight:500}.tenant-switcher-container{display:flex;flex-direction:row;align-items:center;gap:1rem;background:transparent;padding:0;border:none;width:100%}.tenant-label{font-size:.9rem;color:var(--color-accent);font-weight:500;margin:0;white-space:nowrap}.tenant-select{border:1px solid transparent;background:#00000026;font-size:.9rem;color:var(--shell-fg);font-weight:500;cursor:pointer;outline:none;min-width:250px;width:auto!important;padding:.3rem 0;border-radius:var(--radius-md);box-shadow:none;transition:all .2s}.tenant-select:hover,.tenant-select:focus{border-color:var(--shell-border);background:#00000047;padding:.3rem .5rem;margin-left:-.5rem}.tenant-version-badge{margin-left:auto;font-size:.78rem;font-family:var(--font-mono);color:#fffc;background:#00000038;border:1px solid rgba(245,207,150,.35);border-radius:999px;padding:.2rem .6rem;letter-spacing:.3px;white-space:nowrap}.table-wrapper th{padding:.72rem .44rem!important}.table-wrapper td{padding:.45rem .44rem!important}.version-display-global{display:none}.stockspin-in-app{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;color:#e8eef7eb;font-family:var(--font-main),system-ui,sans-serif}.stockspin-in-app .stockspin-panel{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px 14px 14px;gap:10px;background:radial-gradient(120% 75% at 50% -20%,rgba(28,116,220,.18),transparent 55%),linear-gradient(180deg,#07203e,#041225)}.stockspin-in-app .stockspin-panel__head h1{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.stockspin-in-app .stockspin-panel__head p{margin:6px 0 0;font-size:12px;color:#94a3b8f2;line-height:1.45}.stockspin-in-app .stockspin-controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;align-items:end}.stockspin-in-app .stockspin-controls--wide{grid-template-columns:150px 1fr 100px 160px}@media(max-width:900px){.stockspin-in-app .stockspin-controls--wide{grid-template-columns:1fr 1fr}}.stockspin-in-app .stockspin-controls label{display:block;font-size:11px;color:#dab177d9;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.stockspin-in-app .stockspin-controls input,.stockspin-in-app .stockspin-controls select,.stockspin-in-app .stockspin-controls button{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(218,177,119,.35);background:#050d1af2;color:#e8eef7;font:inherit}.stockspin-in-app .stockspin-controls button{cursor:pointer;font-weight:600;color:var(--color-accent)}.stockspin-in-app .stockspin-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.stockspin-in-app .stockspin-kpi{background:#0c2446e0;border:1px solid rgba(218,177,119,.28);border-radius:10px;padding:8px 10px}.stockspin-in-app .stockspin-kpi .k{font-size:10px;color:#94a3b8f2;text-transform:uppercase;letter-spacing:.05em}.stockspin-in-app .stockspin-kpi .v{margin-top:4px;font-size:18px;font-weight:700;color:#f8fafc}.stockspin-in-app .stockspin-table-root{flex:1;min-height:0;display:flex;flex-direction:column;--row-bg: rgba(6, 18, 32, .96)}.stockspin-in-app .stockspin-table-root .table-wrapper{flex:1;min-height:0;background:#040e1ad1!important;border:1px solid rgba(218,177,119,.28)!important;border-radius:10px!important;box-shadow:0 8px 28px #00000073}.stockspin-in-app .stockspin-table-root .table-footer-summary{background:#06101ce6!important;border-top:1px solid rgba(218,177,119,.22)!important;color:#cbd5e1e6!important}.stockspin-in-app .stockspin-table-root .table-wrapper table thead tr{background:linear-gradient(90deg,#003248fa,#1a2046fa)!important}.stockspin-in-app .stockspin-table-root .table-wrapper table tbody td{border-bottom:1px solid rgba(255,255,255,.06)}.stockspin-in-app .stockspin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.stockspin-in-app .stockspin-tabs button{font:inherit;font-size:12px;font-weight:600;padding:8px 12px;border-radius:999px;border:1px solid rgba(218,177,119,.35);background:#091c38d9;color:#93c5fd;cursor:pointer}.stockspin-in-app .stockspin-tabs button[aria-selected=true]{background:#dab17729;color:var(--color-accent);border-color:var(--color-accent)}.stockspin-in-app .stockspin-meta{font-size:11px;color:#94a3b8e6}.stockspin-in-app .stockspin-split{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;flex:1;min-height:0}@media(max-width:1100px){.stockspin-in-app .stockspin-split{grid-template-columns:1fr}}.stockspin-in-app .stockspin-subpanel{display:flex;flex-direction:column;min-height:0;background:#0c2446bf;border:1px solid rgba(218,177,119,.28);border-radius:12px;padding:10px;gap:8px}.stockspin-in-app .stockspin-subpanel h3{margin:0;font-size:14px;color:var(--color-accent);letter-spacing:.04em}