:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#f9f9f9;--bg-active:#f0f7ff;--text-primary:#1c1c1e;--text-secondary:#8e8e93;--text-on-accent:#fff;--border-color:#e5e5ea;--border-light:#f2f2f7;--input-border:#d1d1d6;--input-bg:#fff;--card-shadow:0 2px 8px #0000001a;--modal-shadow:0 10px 40px #0000004d;--overlay-bg:#00000080;--accent:#007aff;--accent-hover:#0051d5;--success:#34c759;--danger:#ff3b30;--danger-hover:#d70015;--warning:#ff9500;--purple:#af52de;--success-bg:#d1f4e0;--success-text:#00a550;--danger-bg:#ffd7d5;--danger-text:#d70015;--info-bg:#d1e9ff;--info-text:#0051d5;--warning-bg:#fff8e1;--success-light-bg:#e8f5e9;--info-light-bg:#e3f2fd;--spinner-track:#f3f3f3}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-active:#1a2a3a;--text-primary:#f5f5f7;--text-secondary:#98989d;--text-on-accent:#fff;--border-color:#38383a;--border-light:#2c2c2e;--input-border:#48484a;--input-bg:#2c2c2e;--card-shadow:0 2px 8px #0006;--modal-shadow:0 10px 40px #0009;--overlay-bg:#000000b3;--accent:#0a84ff;--accent-hover:#409cff;--success:#30d158;--danger:#ff453a;--danger-hover:#ff6961;--warning:#ff9f0a;--purple:#bf5af2;--success-bg:#0a3d1e;--success-text:#30d158;--danger-bg:#3d0a0a;--danger-text:#ff453a;--info-bg:#0a1e3d;--info-text:#0a84ff;--warning-bg:#3d2e0a;--success-light-bg:#0a3d1e;--info-light-bg:#0a1e3d;--spinner-track:#2c2c2e}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;background-color:var(--bg-primary);color:#1c1c1e;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.container{margin:0 auto;max-width:1200px;padding:24px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background-color:#007aff;background-color:var(--accent);color:#fff;color:var(--text-on-accent)}.btn-primary:hover{background-color:#0051d5;background-color:var(--accent-hover)}.btn-danger{background-color:#ff3b30;background-color:var(--danger);color:#fff;color:var(--text-on-accent)}.btn-danger:hover{background-color:#d70015;background-color:var(--danger-hover)}.btn-secondary{background-color:#8e8e93;color:#fff}.btn-secondary:hover{background-color:#636366}.card{background:#fff;background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--card-shadow);padding:20px}.card,.form-group{margin-bottom:16px}.form-label{display:block;font-weight:600;margin-bottom:8px}.form-input,.form-label{color:#1c1c1e;color:var(--text-primary);font-size:14px}.form-input{background-color:#fff;background-color:var(--input-bg);border:1px solid #d1d1d6;border:1px solid var(--input-border);border-radius:8px;padding:12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#007aff;border-color:var(--accent);outline:none}.form-select{background-color:#fff;background-color:var(--input-bg);border:1px solid #d1d1d6;border:1px solid var(--input-border);border-radius:8px;color:#1c1c1e;color:var(--text-primary);cursor:pointer;font-size:14px;padding:12px;width:100%}.form-checkbox{margin-right:8px}.table{background:#fff;background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--card-shadow);overflow:hidden;width:100%}.table table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #f2f2f7;border-bottom:1px solid var(--border-light);padding:16px;text-align:left}.table th{color:#8e8e93;color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.table th,.table tr:hover{background-color:#f9f9f9;background-color:var(--bg-tertiary)}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.badge-success{background-color:#d1f4e0;background-color:var(--success-bg);color:#00a550;color:var(--success-text)}.badge-danger{background-color:#ffd7d5;background-color:var(--danger-bg);color:#d70015;color:var(--danger-text)}.badge-info{background-color:#d1e9ff;background-color:var(--info-bg);color:#0051d5;color:var(--info-text)}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top:3px solid #007aff;border:3px solid var(--spinner-track);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{align-items:center;background-color:#00000080;background-color:var(--overlay-bg);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;background:var(--bg-secondary);border-radius:16px;box-shadow:0 10px 40px #0000004d;box-shadow:var(--modal-shadow);max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:20px;font-weight:700}.modal-close{background:none;border:none;color:#8e8e93;color:var(--text-secondary);cursor:pointer;font-size:24px}.alert{border-radius:8px;margin-bottom:16px;padding:12px 16px}.alert-success{background-color:#d1f4e0;background-color:var(--success-bg);border:1px solid #00a550;border:1px solid var(--success-text);color:#00a550;color:var(--success-text)}.alert-error{background-color:#ffd7d5;background-color:var(--danger-bg);border:1px solid #d70015;border:1px solid var(--danger-text);color:#d70015;color:var(--danger-text)}.alert-info{background-color:#d1e9ff;background-color:var(--info-bg);border:1px solid #0051d5;border:1px solid var(--info-text);color:#0051d5;color:var(--info-text)}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.flex-center{justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}.progress-bar-track{background-color:#f2f2f7;background-color:var(--border-light);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:disabled,.btn:disabled:hover{transform:none}.grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid-3{grid-template-columns:1fr}}.theme-toggle{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e5e5ea;border:1px solid var(--border-color);border-radius:8px;color:#1c1c1e;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.theme-toggle:hover{border-color:#007aff;border-color:var(--accent)}.lang-select{border:1px solid #e5e5ea;border:1px solid var(--border-color);border-radius:6px;color:#1c1c1e;color:var(--text-primary);cursor:pointer;font-size:13px;padding:6px 12px}.lang-select,.sidebar{background:#fff;background:var(--bg-secondary)}.sidebar{border-right:1px solid #e5e5ea;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:240px;z-index:200}.sidebar-overlay{display:none}.layout-header{align-items:center;background:#fff;background:var(--bg-secondary);border-bottom:1px solid #e5e5ea;border-bottom:1px solid var(--border-color);display:flex;height:64px;justify-content:flex-end;left:240px;padding:0 24px;position:fixed;right:0;top:0;z-index:100}.layout-content{flex:1 1;margin-left:240px}.layout-main{background:#f5f5f7;background:var(--bg-primary);margin-top:64px;min-height:calc(100vh - 64px);padding:24px}.hamburger-btn{background:none;border:none;color:#1c1c1e;color:var(--text-primary);cursor:pointer;display:none;font-size:24px;margin-right:auto;padding:4px 8px}.header-user-info{text-align:right}.grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid-2,.grid-4{display:grid;gap:16px}.grid-4{grid-gap:16px;grid-template-columns:repeat(4,1fr)}.period-selector{display:flex;gap:8px}.tabs-row{border-bottom:2px solid #e5e5ea;border-bottom:2px solid var(--border-color);display:flex;gap:4px;margin-bottom:24px;padding-bottom:0}.filter-bar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{background:#00000080;background:var(--overlay-bg);display:none;inset:0;position:fixed;z-index:199}.sidebar-overlay.sidebar-overlay-visible{display:block}.layout-header{left:0}.layout-content{margin-left:0}.hamburger-btn{display:block}.header-user-info{display:none}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.period-selector{flex-wrap:wrap}.tabs-row{-webkit-overflow-scrolling:touch;overflow-x:auto}.filter-bar>div{flex-basis:calc(50% - 6px);flex-grow:1;flex-shrink:1;min-width:0}.filter-bar .form-input,.filter-bar .form-select{width:100%!important}.layout-main{padding:16px}}@media (max-width:480px){.grid-4{grid-template-columns:1fr}.period-selector{gap:4px}.period-selector .btn{font-size:11px;padding:4px 8px}.layout-main{padding:12px}}