@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-app:#121212;--bg-surface:#1e1e1e;--bg-surface-hover:#262626;--bg-header:#121212d9;--text-main:#f0f0f0;--text-muted:#919191;--text-muted-bright:#e1e1e1;--text-inverse:#121212;--accent-color:#fb0;--accent-color-hover:#e0a500;--accent-bg:#ffbb0014;--accent-border:#ffbb004d;--success-color:#10b981;--warning-color:#fb0;--danger-color:#ef4444;--danger-color-hover:#dc2626;--border-color:#333;--border-radius-lg:12px;--border-radius-md:8px;--border-radius-sm:4px;--shadow-sm:0 1px 2px #00000026;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 30px #00000080;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-surface-hover)}.admin-alert{border-radius:var(--border-radius-md);align-items:center;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.admin-alert.error{color:#fca5a5;background-color:#ef44441a;border:1px solid #ef44444d}.admin-alert.warning{color:#fde047;background-color:#f59e0b1a;border:1px solid #f59e0b4d}[data-theme=light]{--bg-app:#f4f6f9;--bg-surface:#fff;--bg-surface-hover:#f1f3f5;--bg-header:#ffffffe6;--text-main:#1c1c1e;--text-muted:#8e8e93;--text-muted-bright:#3a3a3c;--text-inverse:#fff;--border-color:#e5e5ea;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 30px #0000001f}.material-symbols-outlined{vertical-align:middle;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.portal-app{background-color:var(--bg-app);flex-direction:column;width:100vw;height:100vh;display:flex}.portal-header{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:100;height:70px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.portal-layout{flex:1;height:calc(100vh - 70px);display:flex;overflow:hidden}.portal-layout.full-height{height:100vh}.header-brand{align-items:center;gap:12px;display:flex}.brand-logo-img{object-fit:contain;width:auto;height:38px;margin-right:4px}.brand-divider{background-color:var(--border-color);width:1px;height:24px;margin:0 4px}.header-brand h1{letter-spacing:-.5px;color:var(--text-main);font-size:18px;font-weight:700;line-height:1.1}.header-brand .subtitle{color:var(--text-muted);font-size:11px;font-weight:500}.sidebar-toggle-btn{color:var(--text-main);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);background:0 0;border:none;padding:4px 8px;font-size:20px}.sidebar-toggle-btn:hover{background-color:var(--bg-surface-hover)}.header-controls{align-items:center;gap:20px;display:flex}.mode-toggle-group{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:30px;padding:3px;display:flex}.mode-btn{color:var(--text-muted-bright);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:30px;padding:6px 14px;font-size:12px;font-weight:600}.mode-btn.active{background-color:var(--accent-color);color:var(--text-inverse);box-shadow:0 2px 10px #ffbb0040}.mock-selector-wrapper{color:var(--text-muted-bright);align-items:center;gap:8px;font-size:12px;display:flex}.mock-selector-wrapper select{background-color:var(--bg-app);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);outline:none;padding:6px 10px;font-weight:500}.mock-selector-wrapper select:focus{border-color:var(--accent-color)}.header-divider{background-color:var(--border-color);width:1px;height:24px}.screen-nav{gap:6px;display:flex}.nav-link{color:var(--text-muted-bright);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:600}.nav-link.active{background-color:var(--bg-surface-hover);color:var(--accent-color)}.nav-link:hover:not(.active){color:var(--text-main);background-color:#ffffff08}.auth-profile-box{align-items:center;display:flex}.login-btn,.login-btn-lg{background-color:var(--accent-color);color:var(--text-inverse);cursor:pointer;transition:var(--transition-smooth);border:none;font-weight:600}.login-btn{border-radius:var(--border-radius-md);padding:8px 16px;font-size:13px}.login-btn:hover{background-color:var(--accent-color-hover)}.profile-details{align-items:center;gap:12px;display:flex}.profile-avatar-container{border:1px solid var(--border-color);background-color:#ffffff08;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-text{flex-direction:column;align-items:flex-end;display:flex}.profile-name{color:var(--text-main);font-size:13px;font-weight:600}.profile-role{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;font-weight:500;overflow:hidden}.logout-btn{border:1px solid var(--border-color);color:var(--text-muted-bright);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);background:0 0;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.logout-btn:hover{color:var(--danger-color);background-color:#ef44441a;border-color:#ef44444d}.profile-avatar-fallback span{color:var(--accent-color);text-transform:uppercase;font-size:12px;font-weight:700}.portal-sidebar{background-color:var(--bg-surface);border-right:1px solid var(--border-color);width:260px;transition:var(--transition-smooth);flex-direction:column;height:100%;display:flex}.portal-sidebar.collapsed{border-right:none;width:0;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-color);padding:16px 20px}.sidebar-header h3{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:12px}.sidebar-content{flex:1;padding:16px 8px;overflow-y:auto}.category-group{margin-bottom:16px}.category-title{color:var(--text-muted-bright);letter-spacing:.5px;transition:var(--transition-smooth);border-radius:var(--border-radius-sm);padding:6px 12px;font-size:12px;font-weight:700}.category-title:hover{background-color:var(--bg-surface-hover);color:var(--accent-color)}.subcategory-list{margin-top:4px;padding-left:8px}.subcategory-group{margin-bottom:8px}.subcategory-title{color:var(--text-muted);text-transform:uppercase;transition:var(--transition-smooth);border-radius:var(--border-radius-sm);padding:4px 12px;font-size:11px;font-weight:600}.subcategory-title:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.report-items{margin-top:2px;list-style:none}.report-link{text-align:left;width:100%;color:var(--text-muted-bright);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;padding:8px 12px 8px 24px;font-size:13px;font-weight:500;display:block;overflow:hidden}.report-link:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.report-link.active{background-color:var(--accent-bg);color:var(--accent-color);border-left:3px solid var(--accent-color);border-top-left-radius:0;border-bottom-left-radius:0;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);padding:12px}.home-shortcut-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background-color:#ffffff05;padding:10px;font-size:12px;font-weight:600}.home-shortcut-btn:hover{background-color:var(--bg-surface-hover);border-color:var(--accent-border)}.home-shortcut-btn.active{background-color:var(--accent-bg);border-color:var(--accent-color);color:var(--accent-color)}.sidebar-loading,.sidebar-error,.sidebar-empty{color:var(--text-muted);text-align:center;padding:24px 16px;font-size:12px}.portal-main{background-color:var(--bg-app);flex-direction:column;flex:1;height:100%;display:flex;overflow-y:auto}.portal-dashboard{flex-direction:column;gap:32px;width:100%;max-width:1200px;margin:0 auto;padding:40px;display:flex}.dashboard-welcome h2{letter-spacing:-.8px;background:linear-gradient(135deg, var(--text-main) 30%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:32px;font-weight:700}.dashboard-section{flex-direction:column;gap:16px;display:flex}.dashboard-section h3{color:var(--text-main);border-bottom:2px solid var(--border-color);padding-bottom:8px;font-size:18px;font-weight:600}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.catalog-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-smooth);min-height:180px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;padding:20px;display:flex}.catalog-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-lg);background-color:var(--bg-surface-hover);transform:translateY(-4px)}.card-header-icon{background-color:var(--bg-app);border-radius:var(--border-radius-md);align-self:flex-start;margin-bottom:12px;padding:8px;font-size:28px;display:inline-block}.card-body{flex:1}.card-category{text-transform:uppercase;color:var(--accent-color);letter-spacing:.5px;font-size:10px;font-weight:700}.catalog-card h4{color:var(--text-main);margin-top:4px;margin-bottom:6px;font-size:16px;font-weight:600}.card-desc{color:var(--text-muted-bright);font-size:12px}.card-footer{border-top:1px solid #ffffff08;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.card-workspace{color:var(--text-muted);font-size:11px;font-weight:500}.card-arrow{color:var(--accent-color);opacity:0;transition:var(--transition-smooth);font-size:11px;font-weight:600;transform:translate(-5px)}.catalog-card:hover .card-arrow{opacity:1;transform:translate(0)}.catalog-empty-card{background-color:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--border-radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex}.catalog-empty-card h4{color:var(--danger-color)}.dashboard-info-section{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.info-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px}.info-card h5{color:var(--text-main);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.info-card p{color:var(--text-muted-bright);font-size:12px;line-height:1.5}.auth-landing-screen{background:radial-gradient(circle at top right, #ffbb0008, transparent 50%), radial-gradient(circle at bottom left, #42424226, transparent 50%), var(--bg-app);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);text-align:center;width:460px;box-shadow:var(--shadow-lg);z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;align-items:center;gap:24px;padding:40px;display:flex;position:relative}.auth-logo-img{object-fit:contain;width:auto;height:54px;margin-bottom:-4px}.auth-bg-pattern-left{opacity:.12;pointer-events:none;z-index:1;filter:blur(.5px);width:450px;height:675px;position:absolute;bottom:-100px;left:-100px;transform:rotate(20deg)}.auth-bg-pattern-right{opacity:.12;pointer-events:none;z-index:1;filter:blur(.5px);width:450px;height:675px;position:absolute;top:-100px;right:-100px;transform:rotate(-20deg)}.landing-logo{margin-bottom:8px;font-size:48px}.auth-card h2{font-size:22px;font-weight:700;line-height:1.3}.auth-card p{color:var(--text-muted-bright);font-size:13px;line-height:1.5}.login-btn-lg{border-radius:var(--border-radius-md);width:100%;padding:14px;font-size:14px;font-weight:600;box-shadow:0 4px 15px #ffbb004d}.login-btn-lg:hover{background-color:var(--accent-color-hover);transform:translateY(-1px)}.landing-footer-note{border-top:1px solid var(--border-color);width:100%;padding-top:16px}.landing-footer-note p{color:var(--text-muted);font-size:11px}.report-viewer-container{flex-direction:column;flex:1;height:100%;display:flex}.report-toolbar{background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.toolbar-info{align-items:center;gap:10px;display:flex}.report-badge{color:#000;text-transform:uppercase;background-color:#f2c811;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:800}.mock-badge{background-color:var(--warning-color);color:var(--text-inverse);text-transform:uppercase;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:800}.toolbar-title{color:var(--text-main);font-size:15px;font-weight:600}.toolbar-actions{align-items:center;gap:12px;display:flex}.toolbar-group{align-items:center;gap:6px;display:flex}.toolbar-divider{background-color:var(--border-color);width:1px;height:20px}.toolbar-btn{background-color:var(--bg-app);border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.toolbar-btn:hover{background-color:var(--bg-surface-hover);border-color:var(--text-muted)}.toolbar-btn.btn-active{background-color:var(--accent-bg);border-color:var(--accent-color);color:var(--accent-color)}.toolbar-btn.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color)}.toolbar-btn.btn-primary:hover{background-color:var(--accent-color-hover)}.toolbar-btn.btn-accent{color:#a7f3d0;background-color:#10b98126;border-color:#10b98166}.toolbar-btn.btn-accent:hover{background-color:#10b98140;border-color:#10b981}.toolbar-btn.btn-danger{color:#fca5a5;background-color:#ef44441a;border-color:#ef44444d}.toolbar-btn.btn-danger:hover{background-color:var(--danger-color);border-color:var(--danger-color);color:var(--text-main)}.zoom-controls{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);align-items:center;padding:2px;display:flex}.zoom-controls .toolbar-btn{background:0 0;border:none;padding:4px 8px}.zoom-text{color:var(--text-muted-bright);padding:0 4px;font-size:11px;font-weight:600}.embed-wrapper{background-color:#111;flex:1;display:flex;position:relative}.pbi-embed-iframe{border:none;width:100%;height:100%}.viewer-loading,.viewer-error{background-color:var(--bg-app);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.spinner{border:3px solid #3b82f61a;border-top-color:var(--accent-color);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}.error-icon{font-size:40px}.mock-iframe-container{background-color:#181818;background-image:radial-gradient(#ffbb0005 1px,#0000 0);background-size:24px 24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:40px;display:flex}.mock-iframe-watermark{text-align:center}.mock-graph{justify-content:center;align-items:flex-end;gap:8px;height:80px;margin-bottom:16px;display:flex}.mock-graph .bar{background-color:var(--accent-color);opacity:.8;border-top-left-radius:4px;border-top-right-radius:4px;width:16px;animation:1.5s cubic-bezier(.4,0,.2,1) forwards grow}.mock-graph .bar:nth-child(2n){background-color:var(--success-color)}.mock-iframe-watermark h4{color:var(--text-main);margin-bottom:4px;font-size:16px;font-weight:600}.mock-filters-info{justify-content:center;gap:12px;margin-top:12px;display:flex}.mock-filters-info span{color:var(--text-muted-bright);background-color:#ffffff0d;border-radius:20px;padding:4px 8px;font-size:10px}.mock-interactive-report{gap:20px;width:100%;max-width:800px;display:flex}.mock-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);text-align:center;box-shadow:var(--shadow-md);flex:1;padding:20px}.mock-card h5{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:12px}.mock-val{color:var(--text-main);margin-bottom:4px;font-size:24px;font-weight:700}.mock-card span{font-size:10px}.admin-container{flex-direction:column;gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:30px;display:flex}.admin-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.admin-header h2{font-size:22px;font-weight:700}.admin-tabs{border-bottom:1px solid var(--border-color);gap:8px;padding-bottom:1px;display:flex}.tab-btn{color:var(--text-muted-bright);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:600}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.tab-content-wrapper{margin-top:12px}.admin-split-layout{grid-template-columns:1.5fr 1fr;gap:30px;display:grid}.admin-split-layout.centered{justify-content:center;display:flex}.w-half{width:100%;max-width:600px}.admin-card-list{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);flex-direction:column;gap:16px;padding:24px;display:flex}.admin-card-list h3{color:var(--text-main);border-bottom:1px solid var(--border-color);padding-bottom:8px;font-size:15px;font-weight:600}.list-grid{flex-direction:column;gap:12px;max-height:480px;padding-right:4px;display:flex;overflow-y:auto}.grid-item-card{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition-smooth);justify-content:space-between;align-items:center;padding:16px;display:flex}.grid-item-card:hover{border-color:var(--bg-surface-hover)}.card-info{flex:1}.card-info h4{font-size:14px;font-weight:600}.code-text{font-family:var(--mono);color:var(--text-muted);word-break:break-all;background-color:#ffffff05;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;display:inline-block}.tag-category{background-color:var(--accent-bg);color:var(--accent-color);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.tag-subcategory{color:var(--text-muted-bright);background-color:#ffffff0d;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.btn-icon-danger{cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);background:0 0;border:none;padding:6px;font-size:14px}.btn-icon-danger:hover{background-color:#ef444426}.permission-pill{color:#34d399;background-color:#10b98114;border:1px solid #10b98140;border-radius:20px;align-items:center;gap:4px;margin-bottom:4px;margin-right:4px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.pill-close{color:#10b981;cursor:pointer;width:14px;height:14px;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0 2px;font-size:12px;font-weight:700;display:flex}.pill-close:hover{color:#fca5a5;background-color:#ef444433}.admin-card-form{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px}.admin-card-form h3{color:var(--text-main);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:15px;font-weight:600}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-group label{color:var(--text-muted-bright);font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background-color:var(--bg-app);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);outline:none;padding:10px 14px;font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f61a}.form-group textarea{resize:none;height:80px;font-family:inherit}.w-full{width:100%}.mt-4{margin-top:16px}.block{display:block}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.ml-2{margin-left:8px}.text-danger{color:var(--danger-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-muted{color:var(--text-muted)}.text-xs{font-size:11px}.text-sm{font-size:13px}.font-bold{font-weight:700}.self-start{align-self:flex-start}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes grow{0%{height:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.catalog-card,.grid-item-card,.admin-container{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.custom-modal-card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);flex-direction:column;gap:20px;width:90%;max-width:450px;padding:30px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalScaleIn;display:flex;transform:scale(.95);box-shadow:0 20px 40px #00000080}@keyframes modalScaleIn{to{transform:scale(1)}}.custom-modal-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding-bottom:12px;display:flex}.custom-modal-header h3{color:var(--text-main);font-size:18px;font-weight:700}.modal-icon{font-size:24px}.custom-modal-body p{color:var(--text-muted-bright);font-size:14px;line-height:1.6}.custom-modal-footer{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.modal-btn-confirm,.modal-btn-cancel,.modal-btn-ok{border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);padding:10px 20px;font-size:13px;font-weight:600}.modal-btn-confirm{background-color:var(--danger-color);border:1px solid var(--danger-color);color:var(--text-main)}.modal-btn-confirm:hover{opacity:.9;transform:translateY(-1px)}.modal-btn-cancel{border:1px solid var(--border-color);color:var(--text-muted-bright);background-color:#0000}.modal-btn-cancel:hover{background-color:var(--bg-surface-hover);color:var(--text-main)}.modal-btn-ok{background-color:var(--accent-color);border:1px solid var(--accent-color);color:var(--text-inverse)}.modal-btn-ok:hover{background-color:var(--accent-color-hover);transform:translateY(-1px)}.alert-error{border-top:4px solid var(--danger-color)}.alert-success{border-top:4px solid var(--success-color)}.alert-warning{border-top:4px solid var(--warning-color)}.permissions-toggle-btn{border:1px dashed var(--accent-color);color:var(--accent-color);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);background-color:#ffbb0014;align-self:flex-start;margin-top:8px;padding:6px 12px;font-size:11px;font-weight:600}.permissions-toggle-btn:hover{background-color:var(--accent-bg);border-style:solid}.inline-permissions-panel{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:#ffffff05;margin-top:12px;padding:12px;animation:.25s ease-out forwards fadeIn}.inline-permissions-panel h5{color:var(--text-main);margin-bottom:8px;font-size:12px;font-weight:700}.permissions-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.checkbox-item{cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);align-items:center;gap:8px;padding:4px 6px;display:flex}.checkbox-item:hover{background-color:var(--bg-surface-hover)}.checkbox-item input[type=checkbox]{accent-color:var(--accent-color);cursor:pointer;width:14px;height:14px}.checkbox-item span{color:var(--text-muted-bright);font-size:12px}.microsoft-login-btn{color:#5e5e5e;cursor:pointer;background-color:#fff;border:1px solid #8c8c8c;border-radius:4px;align-items:center;gap:12px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.microsoft-login-btn:hover{color:#333;background-color:#f2f2f2;box-shadow:0 2px 4px #0000001a}.microsoft-login-btn:active{box-shadow:none;background-color:#e6e6e6}.microsoft-login-btn svg{flex-shrink:0}@media (width<=992px){.admin-split-layout{grid-template-columns:1fr;gap:20px}}@media (width<=768px){.portal-header{height:60px;padding:0 16px}.portal-layout{height:calc(100vh - 60px)}.portal-layout.full-height{height:100vh}.header-brand h1{font-size:15px}.header-brand .subtitle{display:none}.header-controls{gap:12px}.profile-text{display:none}.portal-sidebar{z-index:999;height:calc(100vh - 60px);box-shadow:var(--shadow-lg);position:absolute;top:60px;left:0}.portal-dashboard{gap:24px;padding:20px 16px}.dashboard-welcome h2{font-size:26px}}@media (width<=480px){.auth-card{gap:16px;width:92%;padding:30px 16px}.auth-logo-img{height:44px}.auth-card h2{font-size:18px}.auth-bg-pattern-left{opacity:.08;width:250px;height:375px;bottom:-60px;left:-60px}.auth-bg-pattern-right{opacity:.08;width:250px;height:375px;top:-60px;right:-60px}.nav-link{padding:6px 10px;font-size:12px}.zoom-controls{display:none}}.waffle-menu-wrapper{align-items:center;margin-right:8px;display:flex;position:relative}.waffle-trigger-btn{color:var(--text-main);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:inline-flex}.waffle-trigger-btn:hover{background-color:var(--bg-surface-hover);color:var(--accent-color)}.waffle-overlay{z-index:998;background:0 0;position:fixed;inset:0}.waffle-dropdown{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:320px;box-shadow:var(--shadow-lg);z-index:999;flex-direction:column;gap:16px;padding:16px;animation:.2s ease-out slideDown;display:flex;position:absolute;top:44px;left:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.waffle-search-box{align-items:center;display:flex;position:relative}.waffle-search-input{border:1px solid var(--border-color);background-color:var(--bg-app);width:100%;color:var(--text-main);border-radius:var(--border-radius-sm);transition:var(--transition-smooth);padding:8px 12px;font-size:13px}.waffle-search-input:focus{border-color:var(--accent-color);outline:none}.waffle-section{flex-direction:column;gap:10px;display:flex}.waffle-section h4{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin:0;font-size:12px;font-weight:600}.waffle-apps-grid{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.waffle-app-item{border-radius:var(--border-radius-sm);color:var(--text-main);transition:var(--transition-smooth);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:10px;text-decoration:none;display:flex}.waffle-app-item:hover{background-color:var(--bg-surface-hover);border-color:var(--border-color)}.waffle-app-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 2px 4px #0000001a}.waffle-app-details{flex-direction:column;display:flex}.waffle-app-name{align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.waffle-app-desc{color:var(--text-muted);margin-top:1px;font-size:11px}