:root{--mks-primary: #0e4c8f;--mks-primary-dark: #0a3a6e;--mks-primary-light: #e8f0f9;--mks-accent: #f39200;--mks-accent-dark: #d97f00;--mks-text: #22303f;--mks-muted: #7a8794;--mks-bg: #f4f7fa;--mks-border: #d8e0e8;--mks-white: #ffffff;--mks-success: #1d8a3c;--mks-success-bg: #e7f6ec;--mks-error: #c0392b;--mks-error-bg: #fdecea;--mks-warning: #8a6d1d;--mks-warning-bg: #fdf6e3;--radius: 8px;--shadow: 0 2px 8px rgba(14, 76, 143, .08)}*{box-sizing:border-box}body{margin:0;font-family:PT Sans,Segoe UI,Arial,Helvetica,sans-serif;background:var(--mks-bg);color:var(--mks-text);font-size:15px;line-height:1.5}.container{max-width:1280px;margin:0 auto;padding:0 20px}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--mks-primary);color:var(--mks-white);border-bottom:4px solid var(--mks-accent)}.header__inner{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:12px}.brand--center{justify-content:center}.brand__logo{background:var(--mks-white);color:var(--mks-primary);font-weight:800;border-radius:6px;padding:8px 10px;font-size:15px;letter-spacing:.5px;border-bottom:3px solid var(--mks-accent)}.brand__name{font-weight:700;font-size:16px}.brand__caption{font-size:11.5px;opacity:.75}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{color:#ffffffd9;text-decoration:none;padding:8px 12px;border-radius:6px;font-size:14px}.nav a:hover{background:#ffffff1f;color:var(--mks-white)}.nav a.active{background:var(--mks-accent);color:var(--mks-white);font-weight:600}.header__user{margin-left:auto;display:flex;align-items:center;gap:12px}.header__email{font-size:13px;opacity:.9}.main{flex:1;padding-top:28px;padding-bottom:48px;width:100%}.page__title{color:var(--mks-primary);font-size:24px;margin:0 0 8px}.page__subtitle{color:var(--mks-muted);margin:0 0 20px;max-width:760px}.page__section-title{color:var(--mks-primary);font-size:18px;margin:28px 0 12px}.page--narrow{max-width:640px}.footer{background:var(--mks-primary-dark);color:#ffffffb3;font-size:13px;padding:14px 0}.form{max-width:100%}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field--grow{flex:1;min-width:240px}.field__label{font-size:13px;font-weight:600;color:var(--mks-primary-dark)}.field input,.field select{border:1px solid var(--mks-border);border-radius:6px;padding:10px 12px;font-size:14px;font-family:inherit;background:var(--mks-white);color:var(--mks-text)}.field input:focus,.field select:focus{outline:2px solid var(--mks-primary);outline-offset:-1px}.hint{font-size:13px;color:var(--mks-muted)}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;margin-bottom:14px}.checkbox input{width:16px;height:16px;accent-color:var(--mks-primary)}.btn{display:inline-block;border:1px solid transparent;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-decoration:none;text-align:center;background:var(--mks-primary-light);color:var(--mks-primary);transition:background .15s ease}.btn:hover{background:#d9e7f5}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--mks-accent);color:var(--mks-white)}.btn--primary:hover{background:var(--mks-accent-dark)}.btn--danger{background:var(--mks-error-bg);color:var(--mks-error)}.btn--danger:hover{background:#f8d7d3}.btn--ghost{background:transparent;color:inherit;border-color:#ffffff80}.btn--ghost:hover{background:#ffffff1f}.page .btn--ghost{color:var(--mks-primary);border-color:var(--mks-border)}.page .btn--ghost:hover{background:var(--mks-primary-light)}.btn--block{display:block;width:100%}.btn--small{padding:6px 12px;font-size:13px}.btn-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.alert{border-radius:6px;padding:12px 16px;margin-bottom:16px;font-size:14px}.alert ul{margin:8px 0 0;padding-left:20px}.alert--error{background:var(--mks-error-bg);color:var(--mks-error)}.alert--success{background:var(--mks-success-bg);color:var(--mks-success)}.alert--warning{background:var(--mks-warning-bg);color:var(--mks-warning);border:1px solid #eadfb8}.alert--info{background:var(--mks-primary-light);color:var(--mks-primary-dark)}.auth-screen{min-height:100vh;background:linear-gradient(160deg,var(--mks-primary) 0%,var(--mks-primary-dark) 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}.auth-card{background:var(--mks-white);border-radius:var(--radius);box-shadow:0 12px 40px #00000040;padding:32px;width:100%;max-width:440px;border-top:4px solid var(--mks-accent)}.auth-card__header{margin-bottom:20px}.auth-card__header .brand__name{color:var(--mks-primary)}.auth-card__header .brand__caption{color:var(--mks-muted)}.auth-card__header .brand__logo{background:var(--mks-primary);color:var(--mks-white)}.auth-card__title{font-size:20px;color:var(--mks-primary);margin:0 0 18px}.auth-card__footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--mks-border);font-size:13.5px;color:var(--mks-muted)}.auth-card a{color:var(--mks-primary)}.auth-screen__note{margin-top:18px;font-size:13px;color:#ffffffbf}.auth-screen__note a{color:#fffffff2}.table-wrap{background:var(--mks-white);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{background:var(--mks-primary);color:var(--mks-white);text-align:left;padding:12px 14px;font-size:13px;white-space:nowrap}.table td{padding:11px 14px;border-bottom:1px solid var(--mks-border);vertical-align:top}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--mks-primary-light)}.table--dense th,.table--dense td{padding:8px 10px;font-size:13px}.table__empty{text-align:center;color:var(--mks-muted);padding:28px!important}.row--historical td{color:var(--mks-muted);background:#fafbfc}.muted{color:var(--mks-muted);font-size:12.5px}.mono{font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.badge{display:inline-block;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap}.badge--ok{background:var(--mks-success-bg);color:var(--mks-success)}.badge--muted{background:#eef1f4;color:var(--mks-muted)}.badge--warn{background:var(--mks-warning-bg);color:var(--mks-warning)}.filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;background:var(--mks-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:20px}.filters .field{margin-bottom:0;min-width:180px}.filters .checkbox{margin-bottom:8px}.upload-card{border:1px solid var(--mks-border);border-left:4px solid var(--mks-accent);border-radius:var(--radius);background:var(--mks-white);box-shadow:var(--shadow);padding:16px 20px;margin:0 0 16px}.upload-card__title{color:var(--mks-primary);font-weight:700;font-size:15px;padding:0 8px}.upload-card__grid{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.profile-card{background:var(--mks-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 20px;margin-bottom:8px}.profile-card__row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--mks-border);font-size:14px}.profile-card__row:last-child{border-bottom:none}.profile-card__row>span{color:var(--mks-muted)}.device-card{background:var(--mks-white);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}.device-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--mks-primary-light);padding:12px 20px;border-bottom:1px solid var(--mks-border)}.device-card__body{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 20px}.device-card__body h3{margin:0 0 8px;font-size:14px;color:var(--mks-primary)}.device-card__body p{margin:4px 0;font-size:13.5px}.device-card__body ul{margin:0;padding-left:18px;font-size:13.5px}@media (max-width: 720px){.device-card__body{grid-template-columns:1fr}.header__user{margin-left:0}}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sort:hover{color:var(--mks-primary)}.th-sort__inner{display:inline-flex;align-items:center;gap:4px}.th-sort__arrow{font-size:11px;color:var(--mks-muted)}.th-sort--active{color:var(--mks-primary)}.th-sort--active .th-sort__arrow{color:var(--mks-accent-dark)}.option--uploaded{color:var(--mks-success);font-weight:600}.option--partial{color:var(--mks-warning);font-weight:600}.row--alert td{background:var(--mks-error-bg)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.pagination__size{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--mks-muted)}.pagination__size select{padding:4px 8px;border:1px solid var(--mks-border);border-radius:var(--radius);background:var(--mks-white)}.pagination__nav{display:inline-flex;align-items:center;gap:10px}.pagination__info{font-size:13.5px;color:var(--mks-muted)}.password-wrap{position:relative;display:block}.password-wrap input{width:100%;padding-right:40px}.password-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;cursor:pointer;color:var(--mks-muted)}.password-eye:hover{color:var(--mks-primary)}.upload-progress{display:flex;flex-direction:column;gap:6px}.upload-progress__bar{height:8px;background:var(--mks-primary-light);border-radius:4px;overflow:hidden}.upload-progress__fill{height:100%;background:var(--mks-primary);border-radius:4px;transition:width .2s ease}.upload-progress__label{font-size:13.5px;color:var(--mks-muted)}