:root{font-family:Arial,Helvetica,sans-serif;color:#343a40;background:#f4f6f9;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-size:14px;--nav:#343a40;--nav-deep:#2f353a;--green:#218838;--line:#dee2e6;--muted:#6c757d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f6f9;color:#343a40}a{color:#218838;text-decoration:none}a:hover{color:#176c2b;text-decoration:underline}.main-header{height:56px;position:fixed;z-index:5;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fff;border-bottom:1px solid #dee2e6;box-shadow:0 1px 2px #0000000d}.top-brand,.auth-brand{display:inline-flex;align-items:center;gap:10px;color:#343a40;font-size:19px}.top-brand:hover,.auth-brand:hover{text-decoration:none}.brand-mark{display:inline-grid;width:30px;height:30px;place-items:center;background:#218838;color:#fff;font-weight:700;font-size:17px;border-radius:3px}.topbar-right{display:flex;align-items:center;gap:20px;color:#495057}.topbar-right form{margin:0}.top-logout{border:0;background:none;color:#495057;font:inherit;cursor:pointer}.top-logout:hover{color:#218838}.main-sidebar{position:fixed;z-index:4;top:56px;bottom:0;left:0;width:250px;background:var(--nav);color:#c2c7d0;box-shadow:0 2px 5px #0002}.user-panel{display:flex;align-items:center;gap:11px;padding:18px 16px;border-bottom:1px solid #4b545c}.user-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#6c757d;color:#fff;font-weight:700}.user-panel strong,.user-panel small{display:block;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel strong{font-size:13px;color:#f4f6f9}.user-panel small{margin-top:4px;color:#adb5bd;font-size:12px}.nav-caption{padding:18px 16px 7px;color:#89919a;font-size:10px;font-weight:700;letter-spacing:.08em}.sidebar-nav{padding:0 8px}.sidebar-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:3px;color:#c2c7d0;font-size:13px}.sidebar-nav a:hover{background:#ffffff12;color:#fff;text-decoration:none}.sidebar-nav a.active{background:#218838;color:#fff;box-shadow:0 1px 2px #0002}.nav-icon{width:17px;text-align:center;font-size:16px}.sidebar-footer{position:absolute;bottom:0;left:0;right:0;padding:13px 16px;border-top:1px solid #4b545c;color:#adb5bd;font-size:11px}.sidebar-footer span{padding:0 4px;color:#6c757d}.content-wrapper{min-height:100vh;margin-left:250px;padding-top:56px}.content-header{min-height:94px;padding:19px 24px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #dee2e6}.content-header h1{margin:0;font-size:22px;font-weight:400;color:#343a40}.content-header p{margin:6px 0 0;color:#6c757d;font-size:13px}.breadcrumbs{display:flex;gap:10px;align-items:center;color:#adb5bd;font-size:12px}.breadcrumbs a{color:#218838}.breadcrumbs b{font-weight:400;color:#6c757d}.page-content{padding:24px;max-width:1180px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:20px;align-items:start}.card,.panel{background:#fff;border:1px solid #dee2e6;border-radius:3px;box-shadow:0 1px 2px #0000000d}.settings-panel,.account-panel{padding:0}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;border-bottom:1px solid #dee2e6}.panel-heading h2{margin:0;color:#343a40;font-size:15px;font-weight:600}.panel-heading p{margin:6px 0 0;color:#6c757d;font-size:12px;line-height:1.5}.panel-index{color:#adb5bd;font-size:11px}.field{margin:18px}.field label{display:block;margin-bottom:7px;color:#495057;font-size:12px;font-weight:600}.field input{display:block;width:100%;height:40px;padding:8px 11px;border:1px solid #ced4da;border-radius:3px;background:#fff;color:#343a40;font:inherit;outline:none}.field input:focus{border-color:#80bdff;box-shadow:0 0 0 3px #007bff26}.input-unit{display:flex;align-items:center;border:1px solid #ced4da;border-radius:3px;overflow:hidden}.input-unit:focus-within{border-color:#80bdff;box-shadow:0 0 0 3px #007bff26}.input-unit>span{padding:0 12px;color:#495057;background:#e9ecef;height:39px;display:flex;align-items:center;font-size:13px}.input-unit input{height:39px;border:0;border-radius:0;box-shadow:none!important}.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-top:1px solid #dee2e6;background:#fcfcfc}.save-note{font-size:12px;color:#6c757d}.button{display:inline-flex;justify-content:center;align-items:center;min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:3px;font:600 12px Arial,Helvetica,sans-serif;cursor:pointer}.button-primary{background:#218838;border-color:#1e7e34;color:#fff}.button-primary:hover{background:#1e7e34;color:#fff}.account-data{margin:0;padding:2px 18px}.account-data>div{padding:13px 0;border-bottom:1px solid #e9ecef}.account-data>div:last-child{border-bottom:0}.account-data dt{margin-bottom:5px;color:#6c757d;font-size:10px;font-weight:700;letter-spacing:.04em}.account-data dd{margin:0;color:#343a40;font-size:13px;overflow-wrap:anywhere}.account-data code{font-size:12px;color:#495057}.alert{padding:11px 14px;margin-bottom:16px;border:1px solid transparent;border-radius:3px;font-size:13px}.alert-success{color:#155724;background:#d4edda;border-color:#c3e6cb}.alert-danger{color:#721c24;background:#f8d7da;border-color:#f5c6cb}.auth-layout{background:#f4f6f9}.auth-shell{width:min(100% - 32px,420px);margin:0 auto;padding:58px 0 24px}.auth-brand{display:flex;justify-content:center;margin:0 auto 22px;font-size:22px}.auth-brand .brand-mark{width:34px;height:34px}.auth-box{padding:23px 25px 20px;background:#fff;border:1px solid #dee2e6;border-radius:3px;box-shadow:0 2px 5px #00000012}.auth-box-heading{margin-bottom:19px}.auth-box-heading h1{margin:0;color:#343a40;font-size:20px;font-weight:500}.auth-box-heading p{margin:6px 0 0;color:#6c757d;font-size:13px}.auth-box .field{margin:0 0 15px}.auth-box .field input{height:40px}.field-error,.field-hint{display:block;margin-top:5px;font-size:12px}.field-error{color:#c82333}.field-hint{color:#6c757d}.check-row{display:flex;align-items:center;gap:8px;margin:4px 0 17px;color:#495057;font-size:13px}.check-row input{accent-color:#218838}.button-wide{width:100%;height:40px}.form-foot{margin:17px 0 0;text-align:center;color:#6c757d;font-size:12px}.auth-copyright{margin:18px 0 0;text-align:center;color:#8a929a;font-size:11px}
@media(max-width:760px){.main-sidebar{width:64px}.user-panel{justify-content:center;padding:14px 5px}.user-panel>div,.nav-caption,.sidebar-nav a span:not(.nav-icon),.sidebar-footer{display:none}.sidebar-nav{padding:0 7px}.sidebar-nav a{justify-content:center;padding:12px 7px}.content-wrapper{margin-left:64px}.content-header{align-items:flex-start;flex-direction:column;padding:16px}.page-content{padding:14px}.settings-grid{grid-template-columns:1fr}.topbar-right{gap:10px}.top-user{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-actions{align-items:flex-start;flex-direction:column}.panel-actions .button{width:100%}}