:root{--primary-color: #00987a;--secondary-color: #70bfaf;--danger-color: #dc3545;--gradient-1: #009475;--gradient-2: #01906e;--gradient-3: #018f6f;--gradient-4: #088d6d;--gradient-5: #058c6b;--text-primary: #212529;--text-secondary: #495057;--body-bg: linear-gradient(135deg, #e6e9f0 0%, #eef1f5 100%);--glass-bg: rgba(255, 255, 255, .1);--modal-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .25);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--backdrop-blur: blur(10px);--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-weight-thin: 350;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 600;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}[data-theme=dark]{--primary-color: #A3E635;--secondary-color: #70bfaf;--danger-color: #ff4d4d;--text-primary: #E2E8F0;--text-secondary: #94A3B8;--body-bg: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--glass-bg: rgba(51, 65, 85, .25);--modal-bg: rgba(30, 41, 59, .85);--glass-border: rgba(148, 163, 184, .2);--glass-shadow: 0 8px 32px 0 rgba(2, 3, 5, .37)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-weight:var(--font-weight-normal);background:var(--body-bg);min-height:100vh;color:var(--text-primary);line-height:1.6;font-size:clamp(14px,.8rem + .4vw,16px)}input[type=number].hide-spinner::-webkit-inner-spin-button,input[type=number].hide-spinner::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number].hide-spinner{-moz-appearance:textfield!important}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);padding:var(--spacing-lg)}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.btn{position:relative;z-index:0;font-family:var(--font-family);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:.9rem}.btn:before{content:"";position:absolute;top:-2px;left:-2px;background-size:600%;z-index:-1;width:calc(100% + 4px);height:calc(100% + 4px);filter:blur(10px);animation:glowing 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:var(--border-radius-md);opacity:0}.btn:hover:before{opacity:1}.btn:active:before{opacity:1}.btn:hover{transform:translateY(-2px)}.btn-primary{--glow-gradient: linear-gradient(45deg, var(--primary-color), var(--secondary-color), var(--primary-color));background:linear-gradient(135deg,var(--primary-color),var(--gradient-1));color:#fff;box-shadow:0 4px 15px #00987a4d}[data-theme=dark] .btn-primary{color:#0f172a}.btn-primary:before{background:var(--glow-gradient)}.btn-primary:hover{box-shadow:0 6px 20px #00987a66}.btn-secondary{--glow-gradient: linear-gradient(45deg, var(--primary-color), var(--secondary-color), var(--primary-color));background:var(--glass-bg);color:var(--primary-color);border:1px solid var(--primary-color);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);font-weight:var(--font-weight-medium)}.btn-secondary:before{background:var(--glow-gradient)}.btn-secondary:hover{background:var(--primary-color);color:#fff}[data-theme=dark] .btn-secondary:hover{color:#1e293b}.btn-danger{--glow-gradient: linear-gradient(45deg, #ff0048, #ff8a8a, #ff0048);background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-danger:before{background:var(--glow-gradient)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc354566}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:before{display:none}.input{font-family:var(--font-family);font-weight:var(--font-weight-thin);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--primary-color);border-radius:var(--border-radius-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);color:var(--text-primary);transition:all var(--transition-normal);width:100%}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00987a1a}[data-theme=dark] .input:focus{box-shadow:0 0 0 3px #a3e63533}[data-theme=dark] select.input{background-color:#334155;color:#e2e8f0}[data-theme=dark] select.input option{background-color:#1e293b;color:#e2e8f0}[data-theme=dark] select.input option:checked,[data-theme=dark] select.input option:hover{background-color:#475569;color:#f8fafc}.input::placeholder{color:var(--text-secondary)}.select{font-family:var(--font-family);font-weight:var(--font-weight-thin);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--primary-color);border-radius:var(--border-radius-md);background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);color:var(--text-primary);transition:all var(--transition-normal);cursor:pointer}.select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #00987a1a}[data-theme=dark] .select:focus{box-shadow:0 0 0 3px #a3e63533}[data-theme=dark] .select option{background:#1e293b;color:#e2e8f0}.table{width:100%;border-collapse:collapse;background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--glass-shadow)}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--glass-border);color:var(--text-primary)}.table th{background:#00987a26;font-weight:var(--font-weight-medium);color:var(--text-primary)}[data-theme=dark] .table th{background:#a3e63526}.table tr:hover{background:#00987a14}[data-theme=dark] .table tr:hover{background:#a3e63514}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background:var(--modal-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);padding:var(--spacing-xl);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;color:var(--text-primary)}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);padding:var(--spacing-lg);transition:all var(--transition-normal);color:var(--text-primary)}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f268773}[data-theme=dark] .card:hover{box-shadow:0 12px 40px #02030573}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-none{display:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.w-100{width:100%}.h-100{height:100%}@media(max-width:768px){.glass-container{padding:var(--spacing-md)}.modal-content{padding:var(--spacing-lg);margin:var(--spacing-md)}.table{font-size:.9rem}.table th,.table td{padding:var(--spacing-sm)}}.message{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-medium)}.message-success{background:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745}[data-theme=dark] .message-success{background:#a3e6351a;border:1px solid rgba(163,230,53,.3);color:#a3e635}.message-error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545}.message-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.spinner-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.spinner-container{width:300px;max-width:80vw}.animated-logo{animation:glow 2.5s infinite alternate ease-in-out}.animated-logo .st0{animation:color-wipe 2.5s infinite alternate ease-in-out}@keyframes color-wipe{0%{fill:#00bfff}50%{fill:#009779}to{fill:var(--primary-color)}}@keyframes glow{0%{filter:drop-shadow(0 0 10px #00BFFF)}50%{filter:drop-shadow(0 0 15px #009779)}to{filter:drop-shadow(0 0 20px var(--primary-color))}}.orientation-banner{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:var(--dark-gray);color:var(--white);z-index:2000;border-radius:var(--border-radius-md);padding:var(--spacing-md);box-shadow:0 4px 20px #00000040;animation:slide-up .5s ease-out}@media(orientation:portrait)and (pointer:coarse){.orientation-banner{display:flex;justify-content:space-between;align-items:center}}.orientation-banner p{margin:0;padding-right:var(--spacing-md);font-size:.9rem}.orientation-banner .dismiss-btn{background:transparent;border:none;color:var(--white);font-size:1.2rem;cursor:pointer;padding:0 var(--spacing-sm)}@keyframes slide-up{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:926px),(pointer:coarse){.app-header-container{flex-direction:column;align-items:center;gap:var(--spacing-lg)}.app-header-container .d-flex{flex-direction:column;align-items:center;text-align:center}.app-header-container .text-right{text-align:center}.associate-dashboard-header,.manager-dashboard-header{flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.guide-section-layout{flex-direction:column;gap:var(--spacing-lg)}table.responsive-table{border:none;box-shadow:none}table.responsive-table thead{display:none}table.responsive-table tr{display:block;margin-bottom:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:var(--spacing-md);background:var(--glass-bg);position:relative;overflow:hidden}table.responsive-table td{display:block;text-align:left;padding:var(--spacing-sm) 0;padding-left:50%;border-bottom:1px solid var(--glass-border);position:relative}table.responsive-table tr td:last-child{border-bottom:none}table.responsive-table td:before{content:attr(data-label);position:absolute;left:0;width:45%;font-weight:var(--font-weight-medium);color:var(--dark-gray);text-align:left;padding-right:var(--spacing-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.responsive-table .btn,table.responsive-table .input,table.responsive-table .select{width:auto}table.responsive-table td[data-label="My Allocation %"] .input{font-weight:var(--font-weight-bold)}table.responsive-table input[type=number]{width:80px;text-align:right}.manage-allocations-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.associate-selector-container{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.associate-selector-container .searchable-dropdown-container{max-width:100%}.action-buttons-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.action-buttons-container .btn{width:100%;justify-content:center}.responsive-flex-container{flex-wrap:wrap;gap:var(--spacing-md)}.tab-nav-container{flex-wrap:wrap;justify-content:center}}