.parent-app{font-size:16px;line-height:1.8;background:#f4f7fb;color:#263f5c}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(28px,calc((100vw - 1240px)/2));background:#fff;border-bottom:1px solid #dfe7ef}.admin-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;line-height:1.4}.admin-brand small{display:block;font-weight:400;font-size:12px;color:#6b8198;margin-top:4px}.admin-brand .mask-icon{height:43px;width:43px}.admin-tools{display:flex;align-items:center;gap:19px;font-size:13px;color:#516e8a}.admin-tools>button{padding:8px 12px;border:1px solid #dae4ed;border-radius:10px;background:#fff}.admin-language{display:flex;gap:3px;background:#f0f5fa;border-radius:10px;padding:3px}.admin-language button{font-size:12px;padding:5px 10px;border-radius:8px}.admin-language button.active{background:#fff;box-shadow:0 1px 5px #345c7c12;color:#2c618d;font-weight:700}
#parent-main{max-width:1240px;padding:30px 28px 45px;margin:auto;outline:none}.admin-loading{text-align:center;padding:80px;color:#72869d}.parent-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.parent-heading h1{font-size:29px;line-height:1.5}.parent-heading p{font-size:14px;color:#647b93;margin-top:7px}.admin-button,.admin-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #cfdeeb;border-bottom:3px solid #cfdeeb;background:#fff;padding:9px 15px;min-height:44px;border-radius:11px;font-size:14px;line-height:1.6;font-weight:600;cursor:pointer}.admin-button.primary{background:#de5757;color:#fff;border-color:#c7474d}.admin-button:disabled{opacity:.55;cursor:wait}.admin-button .icon{width:18px;height:18px}.auth-shell{max-width:480px;margin:24px auto 65px;background:white;padding:30px;border:1px solid #dbe5ef;border-radius:23px;box-shadow:0 12px 35px #223f6010}.auth-symbol{width:57px;height:57px;display:grid;place-items:center;border-radius:17px;background:#eaf2fb;color:#4d7da1;margin-bottom:18px}.auth-symbol .icon{width:28px;height:28px}.auth-shell h1{font-size:28px;line-height:1.5}.auth-shell>p{color:#657d95;font-size:14px;margin:13px 0 21px}.parent-form{display:grid;gap:16px}.parent-form label{display:grid;gap:7px;font-size:14px;color:#455f79}.parent-form input:not([type=checkbox]),.parent-form select{width:100%;min-height:47px;border:1px solid #cbdbe8;border-radius:10px;background:#f9fbfd;padding:9px 12px;color:#2d4e6d;font:inherit}.parent-form .admin-button{width:100%;margin-top:3px}.auth-note{font-size:12px!important;margin:19px 0 0!important;padding-top:15px;border-top:1px solid #e7edf4}.form-error{color:#a7474d!important;background:#fff1ef;border:1px solid #f1d4cf;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.7}.form-error:empty{display:none}
.range-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px}.range-bar button{padding:8px 15px;min-height:40px;border:1px solid #d6e1ec;border-radius:10px;background:#fff;color:#607991;font-size:13px}.range-bar button.active{background:#294e76;border-color:#294e76;color:white}.range-bar>span{margin-inline-start:auto;color:#6b8299;font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.metric-card{background:white;border:1px solid #dce5ee;border-radius:17px;padding:20px;min-height:130px;position:relative}.metric-card .metric-icon{position:absolute;inset-inline-end:16px;top:18px;color:#7d9db8;background:#edf4fa;width:33px;height:33px;border-radius:10px;display:grid;place-items:center}.metric-icon .icon{height:18px;width:18px}.metric-card>small{display:block;font-size:12px;color:#627b92;margin-bottom:14px;padding-inline-end:30px}.metric-card>strong{display:block;font-size:31px;line-height:1.3;color:#284d72;font-weight:800}.metric-card>span{display:block;font-size:11px;color:#8292a5;margin-top:7px}.metric-card.highlight{background:#eaf3fb;border-color:#d3e3f1}.metric-card.highlight>strong{color:#2c72a3}.metric-card.highlight.red{background:#fff0e9;border-color:#f0dbce}.metric-card.highlight.red>strong{color:#b66750}
.admin-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start}.admin-panel{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:23px;margin-bottom:21px;min-width:0}.admin-panel h2{font-size:20px;line-height:1.6;margin-bottom:7px}.panel-sub{font-size:12px;color:#70869c;margin-bottom:19px;line-height:1.8}.chart-empty{display:grid;place-items:center;min-height:205px;background:#f8fafd;border-radius:13px;color:#7a8fa4;text-align:center;padding:25px;font-size:14px}.daily-bars{display:flex;align-items:stretch;gap:5px;height:190px;padding:15px 3px 2px;border-bottom:1px solid #e0e9f2;direction:ltr}.day-column{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;padding:0}.day-bar{width:min(24px,80%);min-height:3px;background:#8eb7d5;border-radius:6px 6px 2px 2px;display:block}.day-column:hover .day-bar,.day-column.selected .day-bar{background:#dd7064}.day-column small{font:10px Tahoma,sans-serif;color:#7f92a8;white-space:nowrap}.day-detail{display:flex;gap:13px;justify-content:space-between;padding:12px;background:#f3f7fb;font-size:12px;color:#5b7791;border-radius:10px;margin-top:16px;flex-wrap:wrap}.table-wrap{overflow:auto;margin-top:15px}.stats-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px;text-align:start}.stats-table th{text-align:start;font-size:11px;font-weight:500;color:#7890a7;border-bottom:1px solid #dce6ef;padding:9px 8px}.stats-table td{padding:12px 8px;border-bottom:1px solid #e9eef4}.stats-table tbody tr:last-child td{border-bottom:0}.rate-cell{display:flex;align-items:center;gap:8px}.rate-track{display:block;height:6px;width:58px;background:#edf1f5;border-radius:10px;overflow:hidden}.rate-track i{display:block;height:100%;background:#85ac70;border-radius:10px}.language-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:16px 0;font-size:14px}.language-row>span{display:flex;align-items:center;gap:8px}.language-dot{width:10px;height:10px;background:#6a9fc4;border-radius:50%}.language-row+ .language-row .language-dot{background:#dfae6a}.language-meter{display:flex;height:12px;background:#edf2f7;border-radius:12px;overflow:hidden;direction:ltr}.language-meter i{height:100%;display:block;background:#7ba9cb}.language-meter i+i{background:#e2b974}.resume-panel{background:#eff5fb}.checkpoint-chip{display:inline-block;padding:5px 11px;font-size:12px;color:#4a799f;background:white;border:1px solid #d8e5f0;border-radius:9px;margin-top:12px}.checkpoint-title{font-size:18px;font-weight:700;color:#3e6588}.more-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0 19px}.more-metrics>div{padding:15px 0;border-bottom:1px solid #e8eef5}.more-metrics strong{font-size:23px;display:block;line-height:1.4}.more-metrics span{font-size:12px;color:#71869b;display:block;margin-top:4px}
.parent-settings{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.parent-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#f7fafd;border-radius:10px;font-size:13px}.parent-setting input{height:21px;width:21px;accent-color:#3f81b3}.parent-setting select{font:inherit;padding:5px;border:1px solid #d6e3ee;background:white;border-radius:8px}.device-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid #e7eef4}.device-row strong{font-size:14px;display:block}.device-row small{display:block;font-size:11px;color:#7a8fa5;margin-top:4px}.device-row button{font-size:11px;padding:6px 9px;border:1px solid #ead7d7;color:#a26465;border-radius:8px}.device-row.revoked{opacity:.55}.admin-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.backup-file{position:relative;overflow:hidden}.backup-file input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.admin-panel details>summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none}.admin-panel details>p{font-size:13px;color:#6a8199;margin-top:12px;line-height:1.9}.tracked-note{font-size:12px;color:#70869c;line-height:1.9;margin:15px 0 24px}.admin-dialog-overlay{position:fixed;inset:0;background:#233e6070;z-index:90;display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}.admin-dialog-box{background:white;border:1px solid #d7e2ee;border-radius:19px;width:min(490px,100%);padding:26px;box-shadow:0 20px 60px #243e6030}.admin-dialog-box h2{font-size:24px;line-height:1.5;margin-bottom:14px}.admin-dialog-box p{font-size:14px;color:#617c95;line-height:1.9}.admin-dialog-box .admin-action-row{justify-content:flex-end}#admin-message{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);max-width:90vw;background:#294d70;color:white;padding:11px 20px;border-radius:11px;font-size:14px;z-index:100}#admin-message[hidden]{display:none}.parent-app :focus-visible{outline:3px solid #d4a23d;outline-offset:3px}.parent-app .danger{color:#ac5356}.legacy-note{background:#fff7e7;border:1px solid #efdfb7;padding:12px 14px;border-radius:11px;font-size:12px;color:#8c733d;margin-bottom:16px}
@media(max-width:850px){.admin-header{padding:18px 22px}.admin-columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.parent-heading h1{font-size:26px}.range-bar>span{flex-basis:100%;margin-inline-start:0}.admin-tools{gap:12px}.more-metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:570px){.admin-header{padding:15px 17px;gap:12px;flex-wrap:wrap}.admin-brand{font-size:19px}.admin-brand .mask-icon{height:36px;width:36px}.admin-brand small{font-size:11px}.admin-tools{width:100%;justify-content:space-between;gap:8px}.admin-tools a{font-size:12px}.admin-tools>button{font-size:12px;padding:5px 8px}.admin-language button{padding:5px 9px}#parent-main{padding:24px 17px 35px}.parent-heading{align-items:flex-start;gap:12px}.parent-heading h1{font-size:25px}.parent-heading p{font-size:13px}.parent-heading .admin-button{font-size:12px;padding:8px;gap:5px}.metric-grid{gap:10px}.metric-card{padding:17px 14px;min-height:126px}.metric-card>small{font-size:11px;padding-inline-end:22px}.metric-card>strong{font-size:26px}.metric-card .metric-icon{height:27px;width:27px;inset-inline-end:10px;top:14px}.metric-icon .icon{height:16px;width:16px}.metric-card>span{font-size:10px}.admin-panel{padding:19px 16px}.admin-panel h2{font-size:19px}.more-metrics{grid-template-columns:repeat(2,1fr);gap:0 14px}.parent-settings{grid-template-columns:1fr}.auth-shell{padding:25px 21px;margin:8px auto 30px}.auth-shell h1{font-size:25px}.language-row{font-size:13px}.admin-action-row .admin-button{font-size:12px;padding:9px 11px}.day-column small{font-size:8px}.daily-bars{gap:3px}.stats-table{font-size:11px}.admin-dialog-box{padding:22px}.admin-dialog-box h2{font-size:23px}.range-bar button{padding:7px 11px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}