:root{--link:#2e5f90;--green:#3a9c63;--muted:#8a8a8a;--line:#d7d7d7;--soft:#f1f1f3;--soft2:#e7e7e9;--text:#222}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff;color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.25}a{color:#333;text-decoration:underline;cursor:pointer}a:hover{color:#000}.wrap{width:960px;margin:0 auto;padding:14px 8px 30px}.topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #aaa;padding:0 0 8px;margin-bottom:12px;color:#555}.brandline{display:flex;align-items:center;gap:9px}.brandbox{width:34px;height:34px;border-radius:2px;background:#2f9bc1;color:white;font:bold 19px/34px Arial;text-align:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.brandname{font-size:15px;color:#333}.brandname b{font-weight:normal}.crumbs{font-size:12px;color:#555}.crumbs a{color:#555}.top-actions{white-space:nowrap}.top-actions a{margin-left:10px}.layout{display:grid;grid-template-columns:205px 1fr;gap:18px}.sidebar{padding-top:2px}.nav-group{margin:0 0 12px}.nav-group a{display:block;margin:0 0 2px;line-height:1.18}.nav-group .active{font-weight:bold;text-decoration:none;color:#000}.subtle{color:#888}.main h1,.main h2{font-weight:normal;margin:0 0 10px}.main h1{font-size:15px}.main h2{font-size:13px}.hr{height:1px;background:#bbb;margin:10px 0}.tiny{font-size:11px}.muted{color:#888}.green{color:#2d9b57}.center{text-align:center}.right{text-align:right}.nowrap{white-space:nowrap}
.tabs{display:flex;align-items:center;gap:8px;background:#ececef;border-top:1px solid #ddd;border-bottom:1px solid #d3d3d3;padding:7px 10px;margin:0 0 10px}.tabs a{padding:3px 7px;text-decoration:none;color:#333}.tabs .brandbox{width:28px;height:28px;line-height:28px;font-size:16px;margin-right:4px}.tabs a.active{background:#fff;border:3px solid #2eb16d;padding:3px 9px}.rating-shell{max-width:820px;margin:0 auto}.filters{display:grid;grid-template-columns:1.35fr 1.1fr .9fr auto;gap:5px;margin-bottom:12px}.filters select,.filters input{width:100%}.section-title{font-size:14px;text-decoration:underline;margin:10px 0 12px}.rating-table{width:100%;border-collapse:collapse}.rating-table td{padding:5px 6px;border-bottom:1px solid #efefef;vertical-align:middle}.rating-table tr:hover{background:#fafafa}.rank{width:32px;text-align:right;color:#111}.siteicon{width:20px}.siteicon span{display:inline-block;width:15px;height:15px;border-radius:2px;background:#dfe5e7;text-align:center;line-height:15px;font-size:9px;color:#456}.count{width:95px;text-align:right;font-size:13px}.share{width:44px;color:#999}.statlink{width:105px;font-size:11px}.paginator{text-align:center;margin:18px 0}.paginator a,.paginator span{margin:0 3px}.about{margin:20px 0;color:#555;line-height:1.4}.footer{border-top:1px solid #ccc;margin-top:22px;padding-top:10px;color:#777;display:flex;justify-content:space-between}.footer a{color:#777}
.controls{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:6px 0 10px}.date-nav{border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:7px 0;margin:8px 0 10px;display:flex;justify-content:center;gap:16px}.report-switch{text-align:right;margin:-2px 0 6px}.report-switch a{margin-left:6px}.metric-table{width:100%;border-collapse:collapse;margin-top:5px}.metric-table th{font-weight:normal;text-align:right;padding:5px 8px;background:#f4f4f4;border-bottom:1px solid white;color:#333}.metric-table th:first-child{text-align:left}.metric-table td{padding:5px 8px;background:#e4e4e7;border-bottom:1px solid white;text-align:right}.metric-table td:first-child{text-align:left;width:31%}.metric-table tr:nth-child(even) td{background:#ececee}.metric-table input[type=checkbox]{vertical-align:-2px;margin-right:7px}.delta{display:block;color:#26a34e;font-size:11px}.btn{font:12px Arial;padding:2px 8px;background:#eee;border:1px solid #aaa;border-radius:2px;color:#222;text-decoration:none;display:inline-block}.btn:active{background:#ddd}.chart-actions{margin:7px 0}.chart-actions a{margin-right:12px}.chart{height:260px;border-left:1px solid #888;border-bottom:1px solid #888;position:relative;margin:12px 18px 12px 42px;background-image:linear-gradient(#ddd 1px,transparent 1px),linear-gradient(90deg,#ddd 1px,transparent 1px);background-size:36px 36px}.chart svg{position:absolute;inset:0;width:100%;height:100%}.chart-label{position:absolute;left:-42px;top:-18px;font-weight:bold}.legend{margin:0 0 14px 42px}.legend span{margin-right:14px}.legend i{display:inline-block;width:18px;border-top:2px solid #333;vertical-align:3px;margin-right:4px}.legend i.dashed{border-top-style:dashed}.help{font-size:11px;line-height:1.38;color:#555;border-top:1px solid #bbb;padding-top:8px;margin-top:12px}.ownerbar{border-top:1px solid #bbb;margin-top:14px;padding-top:8px}.loginbar{margin-top:12px;padding-top:8px;border-top:1px solid #bbb}.loginbar input{font:12px Arial;padding:2px 4px;border:1px solid #aaa}.form-grid{display:grid;grid-template-columns:160px minmax(280px,520px);gap:7px 10px;align-items:center}.form-grid label{color:#222}.form-grid input[type=text],.form-grid input[type=email],.form-grid input[type=password],.form-grid textarea,.form-grid select{width:100%;font:12px Arial;padding:3px 4px;border:1px solid #aaa}.form-grid textarea{height:52px;resize:vertical}.required{background:#e5f4e8}.form-actions{margin:14px 0 0 170px}.note{font-size:11px;color:#666;margin:8px 0}.codebox{width:100%;min-height:160px;font:11px/1.3 monospace;border:1px solid #aaa;padding:8px;background:#fafafa}.counter-preview{display:inline-flex;align-items:center;border:1px solid #999;background:#fff;font:bold 10px Arial;height:31px}.counter-preview .ls{background:#288eb8;color:#fff;height:29px;line-height:29px;padding:0 6px}.counter-preview .num{padding:0 8px;font-size:14px}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:5px 7px;border-bottom:1px solid #ddd;text-align:right}.report-table th:first-child,.report-table td:first-child{text-align:left}.report-table th{font-weight:normal;background:#f0f0f2}.report-table td{background:#fafafa}.report-table tr:nth-child(even) td{background:#f2f2f3}.bar{height:7px;background:#c5c5c8;display:inline-block;vertical-align:middle;margin-left:5px}.mini-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-card{border-top:1px solid #aaa;padding-top:6px}.mini-card h3{font-size:12px;margin:0 0 6px;font-weight:bold}.home{width:880px;margin:0 auto}.home-login{text-align:left;margin-bottom:12px}.home-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:30px}.home h2{font-size:15px;margin:6px 0 8px}.news-row{display:grid;grid-template-columns:34px 1fr;gap:8px;margin:7px 0}.thumb{width:32px;height:24px;background:#e1e1e1;border:1px solid #ccc}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px 20px;margin-top:8px}.cat-grid a{display:block}.searchline{margin-top:12px}.searchline input[type=text]{width:220px;padding:3px;border:1px solid #aaa}.diary-row{margin:8px 0}.currencies{margin-top:18px}.hero-title{font-size:19px;font-weight:normal;margin:7px 0 2px}.auth-card{width:430px;margin:40px auto;border-top:1px solid #aaa;padding-top:15px}.auth-card .brandline{justify-content:center;margin-bottom:16px}.auth-card .form-grid{grid-template-columns:110px 1fr}.auth-card .form-actions{margin-left:120px}.screen-index{width:860px;margin:15px auto}.screen-index .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.screen-index .card{border:1px solid #ccc;padding:10px;min-height:90px}.screen-index .card h3{font-size:13px;margin:0 0 7px}.screen-index .card a{display:block;margin:2px 0}
@media(max-width:980px){.wrap,.home,.screen-index{width:auto;margin:0 14px}.layout{grid-template-columns:180px 1fr}.rating-shell{max-width:none}.filters{grid-template-columns:1fr 1fr}.home-grid{grid-template-columns:1fr}.screen-index .cards{grid-template-columns:1fr 1fr}}@media(max-width:680px){.layout{display:block}.sidebar{columns:2;margin-bottom:14px}.filters{grid-template-columns:1fr}.metric-table{font-size:10px}.mini-columns,.screen-index .cards{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-actions{margin-left:0}.wrap{margin:0 6px}.tabs{overflow:auto}.topline{align-items:flex-start;gap:8px}.rating-table .share,.rating-table .statlink{display:none}}
.messages{margin:8px 0;padding:0;list-style:none}.messages li{padding:6px 8px;border:1px solid #bbb;background:#f5f5f5;margin-bottom:5px}.messages .error{border-color:#b55;background:#fff0f0}.messages .success{border-color:#6a8;background:#eefaf2}.field-errors{color:#a00;font-size:11px;margin-top:2px}.field-help{color:#777;font-size:10px}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:6px;border-bottom:1px solid #ddd;text-align:left}.dashboard-table th{background:#f2f2f2;font-weight:normal}.metric-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.metric-card{border-top:1px solid #aaa;padding:7px 4px}.metric-card b{display:block;font-size:18px;font-weight:normal;margin-top:3px}.report-bars{width:100%;border-collapse:collapse}.report-bars th,.report-bars td{padding:5px 6px;border-bottom:1px solid #e5e5e5}.report-bars th{text-align:left;font-weight:normal;background:#f4f4f4}.report-bars td:nth-child(n+2),.report-bars th:nth-child(n+2){text-align:right}.value-cell{max-width:420px;overflow-wrap:anywhere}.value-bar{height:5px;background:#bbb;display:block;margin-top:3px}.period-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.period-form input,.period-form select{font:12px Arial;padding:2px 4px;border:1px solid #aaa}.empty{padding:20px 0;color:#777}.storage-error{border:1px solid #c99;background:#fff5f5;padding:12px}.codebox{white-space:pre-wrap;overflow-wrap:anywhere}.country-input{width:58px!important}.auth-card .field-row{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:center;margin-bottom:7px}.auth-card input{width:100%;font:12px Arial;padding:3px 4px;border:1px solid #aaa}@media(max-width:680px){.metric-cards{grid-template-columns:1fr 1fr}.auth-card{width:auto;margin:20px 10px}.auth-card .field-row{grid-template-columns:1fr}}
.link-button{border:0;background:none;padding:0;margin-left:10px;font:12px Arial;text-decoration:underline;color:#333;cursor:pointer}
.status-ok { color: #196b24; font-weight: bold; }
.status-warn { color: #a04b00; font-weight: bold; }
.success-box { border: 1px solid #9bc89f; background: #f1fbf2; padding: 8px 10px; }

.brandbox{text-decoration:none}.inline-form{display:inline}.value-progress{display:block;width:100%;max-width:420px;height:5px;margin-top:3px;border:0}.value-progress::-webkit-progress-bar{background:#eee}.value-progress::-webkit-progress-value{background:#bbb}.value-progress::-moz-progress-bar{background:#bbb}
.page-narrow{max-width:820px;margin:16px auto}.page-wide{max-width:1060px;margin:16px auto}.slice-toolbar{padding:7px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:8px 0}.slice-active,.share-banner,.notice-box{padding:7px 9px;margin:8px 0;border:1px solid #bbb;background:#f7f7f7}.share-banner{border-color:#9ab4c8;background:#f2f8fc}.metric-cards-5{grid-template-columns:repeat(5,1fr)}.report-table{width:100%;border-collapse:collapse;margin:10px 0}.report-table th,.report-table td{padding:6px;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}.report-table th{font-weight:normal;background:#f2f2f2}.report-table td:nth-child(n+2):not(:first-child){font-variant-numeric:tabular-nums}.share-form{border:1px solid #ddd;padding:10px;margin:10px 0;max-width:760px}.share-form ul{columns:3;list-style:none;padding:0}.monthly-report{max-width:960px;margin:20px auto}.monthly-report .report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.monthly-report section{border-top:1px solid #aaa}.monthly-report section h2{font-size:14px}.monthly-report section p{margin:5px 0}.print-actions{text-align:right}.rating-change{font-size:10px;white-space:nowrap}.rating-up{color:#1b6e2f}.rating-down{color:#9a2b2b}.rating-new{color:#765b00}.method-note{font-size:10px;color:#777}.badge-preview{display:inline-block;padding:5px;background:#eee}
@media(max-width:800px){.metric-cards-5{grid-template-columns:1fr 1fr}.monthly-report .report-grid{grid-template-columns:1fr}.share-form ul{columns:1}}
@media print{.topline,.footer,.print-actions,.ownerbar,.sidebar,.controls,.slice-toolbar{display:none!important}.wrap,.monthly-report{width:auto!important;max-width:none!important;margin:0!important}.monthly-report{font-size:11pt}.metric-cards{break-inside:avoid}.monthly-report section{break-inside:avoid}}
