body.dark{--primary-bg: #181a20;--secondary-bg: #21242c;--header-bg: #21242c;--text-color: #e2e4eb;--text-secondary: #a0a4b8;--border-color: #2d313a;--hover-bg: #2d313a;--active-bg: #2a3a5a;--logo-filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);--shadow-color: rgba(0, 0, 0, .4);--card-bg: #1e2128;--input-bg: #2d313a;--button-primary: #4a6bff;--button-hover: #3a5aef}body.dark{background:var(--primary-bg)!important;color:var(--text-color)!important}body.dark .portal-header{background:var(--header-bg)!important;border-bottom:1px solid var(--border-color)}body.dark .logo-container img{filter:var(--logo-filter)}body.dark .sidebar{background:var(--secondary-bg)!important;border-right:1px solid var(--border-color)}body.dark button{background:var(--button-primary);color:#fff}body.dark button:hover{background:var(--button-hover)}body.dark input,body.dark textarea,body.dark select{background:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color)}body.dark{--heading-color: #ffffff;--link-color: #6c9eff;--link-hover: #8ab1ff;--input-border-focus: #4a6bff;--input-placeholder: #7a7f8c;--card-shadow: 0 4px 12px rgba(0, 0, 0, .3);--table-header-bg: #2d313a;--table-row-odd: #21242c;--table-row-even: #252931}body.dark .btn-primary{background:var(--button-primary);border-color:var(--button-primary)}body.dark .btn-outline{background:transparent;border:1px solid var(--button-primary);color:var(--button-primary)}body.dark .card{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}body.dark .table{color:var(--text-color)}body.dark .table thead th{background:var(--table-header-bg)}body.dark .table tbody tr:nth-child(odd){background:var(--table-row-odd)}body.dark .table tbody tr:nth-child(2n){background:var(--table-row-even)}body.dark .dropdown-menu{background:var(--secondary-bg);border:1px solid var(--border-color)}body.dark .nav-tabs .nav-link.active{border-bottom-color:var(--button-primary)}body.light{--primary-bg: #f6f7fa;--secondary-bg: #ffffff;--header-bg: #ececf3;--text-color: #181a20;--text-secondary: #5a5e6a;--border-color: #d8dae3;--hover-bg: #e8eaf3;--active-bg: #e6f0ff;--logo-filter: none;--shadow-color: rgba(0, 0, 0, .1);--card-bg: #ffffff;--input-bg: #ffffff;--button-primary: #4a6bff;--button-hover: #3a5aef}body.light{background:var(--primary-bg)!important;color:var(--text-color)!important}body.light .portal-header{background:var(--header-bg)!important;border-bottom:1px solid var(--border-color)}body.light .logo-container img{filter:var(--logo-filter)}body.light .sidebar{background:var(--secondary-bg)!important;border-right:1px solid var(--border-color)}body.light button{background:var(--button-primary);color:#fff}body.light button:hover{background:var(--button-hover)}body.light input,body.light textarea,body.light select{background:var(--input-bg);color:var(--text-color);border:1px solid var(--border-color)}body.light{--heading-color: #12141a;--link-color: #2c5aff;--link-hover: #1a4eff;--input-border-focus: #2c5aff;--input-placeholder: #a0a4b8;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1);--table-header-bg: #f0f2f7;--table-row-odd: #ffffff;--table-row-even: #f8f9fc}body.light .btn-primary{background:var(--button-primary);border-color:var(--button-primary)}body.light .btn-outline{background:transparent;border:1px solid var(--button-primary);color:var(--button-primary)}body.light .card{background:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-color)}body.light .table{color:var(--text-color)}body.light .table thead th{background:var(--table-header-bg)}body.light .table tbody tr:nth-child(odd){background:var(--table-row-odd)}body.light .table tbody tr:nth-child(2n){background:var(--table-row-even)}body.light .dropdown-menu{background:var(--secondary-bg);border:1px solid var(--border-color)}body.light .nav-tabs .nav-link.active{border-bottom-color:var(--button-primary)}.layout-wrapper{min-height:100vh;display:flex;flex-direction:column;background-color:var(--primary-bg);color:var(--text-color)}.layout-header{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px var(--shadow-color)}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:60px}.header-left{display:flex;align-items:center;gap:1rem}.sidebar-toggle{background:none;border:none;color:var(--text-color);font-size:1.2rem;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.sidebar-toggle:hover{background-color:var(--hover-bg);color:var(--accent-color)}.brand-link{text-decoration:none;color:inherit}.brand-text{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--accent-color),#6c5ce7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-center{display:none}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;text-decoration:none;color:var(--text-color);border-radius:6px;transition:all .2s ease;font-weight:500}.nav-link:hover,.nav-link.active{background-color:var(--hover-bg);color:var(--accent-color)}.header-right{display:flex;align-items:center;gap:.5rem}.theme-toggle{background:none;border:none;color:var(--text-color);font-size:1.1rem;padding:.5rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background-color:var(--hover-bg);color:var(--accent-color)}.notification-btn{background:none;border:none;color:var(--text-color);font-size:1.1rem;padding:.5rem;border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease}.notification-btn:hover{background-color:var(--hover-bg);color:var(--accent-color)}.notification-badge{position:absolute;top:2px;right:2px;background-color:var(--error-color);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:600}.dropdown{position:relative}.user-menu-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text-color);padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.user-menu-btn:hover{background-color:var(--hover-bg)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),#6c5ce7);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}.user-name{font-weight:500}.dropdown-menu{position:absolute;top:100%;right:0;background-color:var(--dropdown-bg);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;min-width:200px;box-shadow:0 4px 20px var(--shadow-color);z-index:1001;display:none}.dropdown:hover .dropdown-menu{display:block}.dropdown-header{padding:.75rem 1rem}.user-info{display:flex;flex-direction:column}.user-role{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.dropdown-divider{height:1px;background-color:var(--border-color);margin:.5rem 0}.dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;text-decoration:none;color:var(--text-color);border-radius:4px;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.9rem}.dropdown-item:hover{background-color:var(--hover-bg)}.logout-btn{color:var(--error-color)}.logout-btn:hover{background-color:#ff4d4f1a}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-color);font-size:1.2rem;padding:.5rem;border-radius:4px;cursor:pointer}.mobile-nav{display:none;background-color:var(--header-bg);border-top:1px solid var(--border-color)}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-item{border-bottom:1px solid var(--border-color)}.mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem;text-decoration:none;color:var(--text-color);transition:all .2s ease}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:var(--hover-bg);color:var(--accent-color)}.layout-content{display:flex;flex:1;min-height:calc(100vh - 60px)}.layout-sidebar{width:280px;background-color:var(--secondary-bg);border-right:1px solid var(--border-color);position:fixed;top:60px;left:0;height:calc(100vh - 60px);z-index:999;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.layout-sidebar.open{transform:translate(0)}.layout-main{flex:1;margin-left:0;transition:margin-left .3s ease;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.layout-main.sidebar-open{margin-left:280px}.content-wrapper{flex:1;padding:2rem;overflow-x:hidden}.sidebar-overlay{position:fixed;inset:60px 0 0;background-color:#00000080;z-index:998;display:none}.layout-footer{background-color:var(--footer-bg);border-top:1px solid var(--border-color);padding:1rem 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--header-bg);border-top:1px solid var(--border-color);display:none;justify-content:space-around;padding:.5rem;z-index:1000}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;text-decoration:none;color:var(--text-color);font-size:.8rem;border-radius:8px;transition:all .2s ease;flex:1;max-width:80px}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--accent-color);background-color:var(--hover-bg)}.bottom-nav-item i{font-size:1.2rem;margin-bottom:.25rem}@media (min-width: 992px){.header-center{display:block}.layout-sidebar{transform:translate(0);position:static;height:auto}.layout-main{margin-left:0}.sidebar-toggle{display:none}.sidebar-overlay{display:none!important}.mobile-bottom-nav{display:none}}@media (max-width: 991px){.header-center{display:none}.mobile-menu-toggle{display:block}.user-name{display:none}.layout-main.sidebar-open{margin-left:0}.content-wrapper{padding:1rem;margin-bottom:60px}.layout-footer{margin-bottom:60px}.mobile-nav{display:block}.mobile-bottom-nav{display:flex}.sidebar-overlay{display:block}}@media (max-width: 768px){.content-wrapper{padding:.5rem}.footer-content{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width: 480px){.header-container{padding:0 .5rem}.content-wrapper{padding:.25rem}.brand-text{font-size:1.1rem}}button:focus,.nav-link:focus,.dropdown-item:focus,.bottom-nav-item:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.layout-sidebar,.layout-main,.nav-link,.dropdown-item,.bottom-nav-item{transition:none}}.loading-spinner-fullscreen{position:fixed;inset:0;background:var(--overlay-bg, rgba(255, 255, 255, .9));display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dark-theme .loading-spinner-fullscreen{background:var(--overlay-bg, rgba(0, 0, 0, .8))}.spinner-container{text-align:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.inline-spinner{display:inline-flex;align-items:center;justify-content:center}.button-spinner{display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.spinner{border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.spinner-small{width:16px;height:16px;border-width:2px}.spinner-medium{width:32px;height:32px;border-width:3px}.spinner-large{width:48px;height:48px;border-width:4px}.spinner-xlarge{width:64px;height:64px;border-width:4px}.spinner-primary{border:2px solid var(--spinner-track, #f3f3f3);border-top:2px solid var(--accent-color, #3498db)}.spinner-secondary{border:2px solid var(--spinner-track, #f3f3f3);border-top:2px solid var(--secondary-color, #6c757d)}.spinner-light{border:2px solid rgba(255,255,255,.3);border-top:2px solid rgba(255,255,255,.8)}.spinner-dark{border:2px solid rgba(0,0,0,.1);border-top:2px solid rgba(0,0,0,.6)}.loading-text{margin:16px 0 0;color:var(--text-secondary, #666666);font-size:14px;font-weight:500}.dark-theme .loading-text{color:var(--text-secondary, #b0b0b0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.wave-spinner{display:flex;align-items:center;justify-content:center;gap:4px}.wave-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent-color, #3498db);animation:wave 1.4s ease-in-out infinite}.wave-dot:nth-child(1){animation-delay:-.32s}.wave-dot:nth-child(2){animation-delay:-.16s}.wave-dot:nth-child(3){animation-delay:0s}@keyframes wave{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.dark-theme .spinner-primary{border-color:var(--spinner-track, #3a3a3a);border-top-color:var(--accent-color, #3498db)}.dark-theme .spinner-secondary{border-color:var(--spinner-track, #3a3a3a);border-top-color:var(--secondary-color, #6c757d)}