:root{--blue:#aad4f4;--pink:#e2c5dd;--ink:#34465b;--soft:#8190a2;--line:#e8e8f0;--blue-soft:#edf5fc;--pink-soft:#f8eff6;--ease:cubic-bezier(.2,.75,.25,1)}
body{background:radial-gradient(ellipse at 95% 0,#e2c5dd25,transparent 45%),radial-gradient(ellipse at 20% 10%,#aad4f426,transparent 50%),#f8f9fc;color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif}
aside{width:248px;background:linear-gradient(165deg,#f1f8fe 0%,#faf8fc 60%,#f5eaf3 100%);color:var(--ink);border-right:1px solid #e6e5ee;padding:28px 18px}
aside h2{display:flex;align-items:center;gap:10px;margin:0 5px 12px;font-size:16px;letter-spacing:-.2px;color:#34465b;white-space:nowrap}
.brand-symbol{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:11px;background:linear-gradient(130deg,var(--blue),var(--pink));font-weight:700;font-size:14px;color:#425774;box-shadow:0 3px 12px #98acc322}
aside p{color:#8b93a5;margin:0 8px 28px;font-size:11px}.nav-group-label{color:#9c94a6;font-size:10px;letter-spacing:1.5px;padding:0 12px;margin-bottom:7px}.nav-group+.nav-group{border-top-color:#e7e3ed;margin-top:16px;padding-top:15px}
nav .nav-group button{padding:11px 13px;color:#68758a;font-size:13px;border-radius:10px;margin:4px 0}nav .nav-group button:hover{background:#ffffffb8;color:#405570}nav .nav-group button.active{background:linear-gradient(110deg,#aad4f470,#e2c5dd65);color:#3e506b;box-shadow:inset 0 0 0 1px #ffffffb0;font-weight:600}nav button.active::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#7f9fba;margin:0 9px 2px 0}.foot{color:#9ba3b2;font-size:10px;margin-top:28px}
main{margin-left:248px;padding:32px 36px;max-width:1780px}header{margin-bottom:24px}h1{font-size:25px;font-weight:650;letter-spacing:-.5px;color:#34465b}h3{font-size:15px;font-weight:600;color:#42516a}.muted{color:var(--soft);font-size:12px;line-height:1.7}.user-badge{display:flex;align-items:center;gap:9px;font-size:12px;color:#63718a}.user-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--pink-soft);border:1px solid #ecd7e8;color:#947a91;font-size:12px}.user-badge .tag{padding:4px 7px}#logout{padding:7px 12px;font-size:12px}
button{border-color:#e2e5ee;color:#5a6881;border-radius:9px;background:#fff;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}button:hover:not(:disabled){background:var(--blue-soft);border-color:#c2daed;box-shadow:0 3px 8px #9db1c315;transform:translateY(-1px)}button:active:not(:disabled){transform:scale(.97)}button.primary,.account-actions .claim-account{background:var(--blue);color:#35506d;border-color:#a5cde9;font-weight:600;box-shadow:0 2px 5px #94b6cf16}button.primary:hover:not(:disabled),.account-actions .claim-account:hover{background:#bfdff6;border-color:#aacfe9}.workspace-actions button.primary:nth-child(even){background:var(--pink);color:#654d65;border-color:#dac0d6}
input,textarea,select{border-color:#e1e5ee;color:#4c5d73;background:#fff;transition:border-color .2s,box-shadow .2s;border-radius:9px}input:focus,textarea:focus,select:focus{outline:none;border-color:#afcde6;box-shadow:0 0 0 3px #aad4f429}input::placeholder,textarea::placeholder{color:#a0aabc}button:focus-visible,.content-workspace button:focus-visible{outline:2px solid #91b8d7;outline-offset:3px}
.panel,.card,.content-workspace,.performance-toolbar{border-color:var(--line);border-radius:14px;box-shadow:0 4px 20px #7f8aab05}.panel{padding:22px}.content-workspace{box-shadow:0 4px 15px #7f8aab06}.workspace-top{padding:15px 18px}.workspace-sites.bar{background:#f3f5f9;padding:4px;border-radius:10px}.workspace-sites button{padding:8px 17px;color:#8a91a2;font-size:12px}.workspace-sites button.primary{background:#dcecf9;color:#506d88;box-shadow:none;border-color:transparent}.workspace-sites button[data-site='Porntv'].primary{background:#f0deec;color:#80677f}.workspace-members{background:#fefeff;border-color:#eff0f5;padding:11px 18px}.workspace-members .members button.primary{background:#f3e8f0;color:#846783;border-color:#ecdae8}.workspace-members .members button:hover{background:#f6f0f6;color:#80677f}.workspace-label,.workspace-note{color:#a0a6b5;font-size:11px}.workspace-members .members button{color:#828da0;border-radius:8px}
.tag{background:#eaf2fa;color:#647f98;border-radius:6px}.warning{background:#fbf4e9;color:#9b896d;font-size:12px;line-height:1.7;border:1px solid #f0e8d9}.cards{gap:14px}.card{background:linear-gradient(145deg,#fff,var(--blue-soft));padding:21px}.card:nth-child(even){background:linear-gradient(145deg,#fff,var(--pink-soft))}.card strong{color:#53718e;font-size:30px;font-weight:600}.card:nth-child(even) strong{color:#947890}.metrics-cards div{background:var(--blue-soft);border:1px solid #e6eef6;border-radius:11px}.metrics-cards div:nth-child(even){background:var(--pink-soft);border-color:#f0e5ee}.metrics-cards strong{color:#5d7995;font-weight:600}.metrics-cards div:nth-child(even) strong{color:#967d92}.metrics-cards span{color:#8c98a8}
th{background:#f5f7fb;color:#8995a8;font-weight:500;padding-top:13px;padding-bottom:13px}td{color:#5d6b81;border-color:#eef0f6;line-height:1.6}td b{color:#42536c;font-weight:600}td a{color:#7194b4;text-decoration-color:#c8d9e8;text-underline-offset:3px}tbody tr{transition:background .18s}tbody tr:hover{background:#f7faff}td small{color:#98a4b4}.text-preview{font-size:12px}.timeline{border-left-color:#e2c5dd}.timeline b{font-weight:500;color:#657389}
.collection-health,.metrics-check-status,.application-preview{background:var(--blue-soft);color:#6b849d;border:1px solid #e1edf7}.collection-warning{background:#faf3e9;color:#998367}.metrics-source{color:#99a5b5;font-size:11px}.performance-tiers>div{background:var(--blue-soft);border-color:#e2edf7}.performance-tiers>div:nth-child(even){background:var(--pink-soft);border-color:#eddfeb}.performance-tiers strong,.performance-rules b{color:#7894af}.application-choice{background:#fcfcfe;border-color:#e6e8f0;transition:background .2s,border-color .2s,box-shadow .2s}.application-choice:has(input:checked){background:var(--pink-soft);border-color:#e2c5dd;box-shadow:0 2px 6px #b99eb514}.application-choice input[type=checkbox]{accent-color:#9dbbd5}.application-choice b{color:#809bb5}.application-choice span{color:#60718a}.add-image-light,.account-actions [data-credentials]{background:var(--pink-soft);color:#967b90;border-color:#eddfea}.image-drop{background:#fafbfe;border-color:#daddea;color:#a1a7b7}.attachment-heading{color:#8a95a7}
dialog{border:1px solid #e6e7ef;border-radius:18px;box-shadow:0 25px 80px #5b61732b;padding:28px;color:var(--ink)}dialog::backdrop{background:#4d58714d;backdrop-filter:blur(3px)}dialog h2{font-size:20px;font-weight:600;color:#42536a}dialog[open]{animation:modal-in .22s var(--ease)}label{color:#8792a5}.login{border:1px solid #e6e7ef;box-shadow:0 18px 70px #899ab51a;border-radius:20px;background:linear-gradient(155deg,#fff 60%,#f8eff6);animation:page-in .35s var(--ease)}.login h1{font-size:24px}.login .tag{background:var(--pink-soft);color:#9b8098}#toast{background:#dceaf7;color:#52708b;border:1px solid #c8dcef;box-shadow:0 8px 25px #64799418;animation:page-in .2s var(--ease)}
#body,.content-workspace{animation:page-in .25s var(--ease)}.workspace-members button.primary{animation:selection-in .2s var(--ease)}.metrics-notes,.data-methodology{display:none!important}
@keyframes page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes selection-in{from{opacity:.55}to{opacity:1}}
@media(max-width:850px){aside{width:auto;padding:20px 16px;border-right:0;border-bottom:1px solid var(--line)}aside h2{font-size:17px}aside p{margin-bottom:16px}main{margin:0;padding:22px 18px}.nav-group+.nav-group{margin-top:4px;padding-top:5px}nav .nav-group button{padding:8px 10px}.workspace-top{padding:12px}.workspace-members{padding:10px 12px}.user-badge{gap:6px}.user-avatar{display:none}.panel{padding:18px}.metrics-tools{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

a{color:#7194b4;text-decoration-color:#c8d9e8;text-underline-offset:3px}a:hover{color:#987f96}body:has(.login){min-height:100vh}

/* Quieter solid surfaces, with clearer text throughout the workspace. */
:root{--blue-soft:#f2f5f8;--pink-soft:#f7f3f6;--soft:#748196}
button.primary,.account-actions .claim-account{background:#dbe7f0;border-color:#d2dfe9;color:#435b74}
button.primary:hover:not(:disabled),.account-actions .claim-account:hover{background:#d1e0eb;border-color:#c6d7e4}
.workspace-actions button.primary:nth-child(even){background:#ece2ea;border-color:#e2d8e0;color:#715c6e}
.workspace-sites button.primary{background:#e6edf3;color:#435e79}
.workspace-sites button[data-site='Porntv'].primary{background:#eee7ed;color:#735d70}
.workspace-members .members button.primary{background:#f0eaef;border-color:#e5dde3;color:#71596e}
.tag{background:#eef2f6;color:#597088}.user-avatar{color:#7e647b}
.metrics-cards div{border-color:#e8edf2}.metrics-cards div:nth-child(even){border-color:#eee7ec}
.metrics-cards span{color:#758398}.metrics-cards strong,.card strong{color:#4c6782}
.metrics-cards div:nth-child(even) strong,.card:nth-child(even) strong{color:#81667b}
.collection-health,.metrics-check-status,.application-preview{border-color:#e5ebf1;color:#566f87}
.collection-warning,.warning{background:#f8f5ef;color:#826d51;border-color:#eee9df}
.performance-tiers>div{border-color:#e6ecf1}.performance-tiers>div:nth-child(even){border-color:#ece4e9}
.performance-tiers strong,.performance-rules b,.application-choice b{color:#58738d}
.application-choice:has(input:checked){border-color:#e4d9e1}.application-choice span{color:#53647b}
.add-image-light,.account-actions [data-credentials]{color:#80677b;border-color:#e8dfe5}
.metrics-source,td small,.performance-tiers span{color:#7c899b}
.workspace-label,.workspace-note,.nav-group-label,.attachment-heading,label{color:#7e899a}
th{color:#718096}td{color:#526077}.image-drop{color:#8490a2}
input::placeholder,textarea::placeholder{color:#8b97a8}
#toast{background:#e6edf3;color:#4d6781;border-color:#d8e2eb}

/* All dialogs share a fixed header and a contained scroll area. */
dialog{padding:0;overflow:hidden;max-height:90vh;border-radius:16px}
dialog[open]{display:flex;flex-direction:column}
.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 24px;border-bottom:1px solid #eceef3;background:#fcfcfe;flex-shrink:0}
.modal-header h2{margin:0;font-size:18px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.modal-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:#f1f2f6;color:#7e899a;font-size:23px;font-weight:400;line-height:1;flex-shrink:0}
.modal-close:hover:not(:disabled){background:#ece6ec;color:#62546a;box-shadow:none}
.modal-content{padding:6px 24px 22px;overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5dae3 transparent}
.modal-content label{margin-top:14px;margin-bottom:6px;font-size:12px;color:#69788e}
.modal-content input,.modal-content select{padding:9px 11px;font-size:13px;background:#fdfdff;border-color:#e5e8ef}
.modal-content textarea{min-height:76px;padding:10px 12px;font-size:13px;background:#fdfdff;border-color:#e5e8ef;line-height:1.65}
.modal-content .application-evidence{min-height:112px}
.modal-content>.muted{font-size:12px}.modal-content .bar:last-child,.modal-content .application-footer{padding-top:14px;margin-bottom:0;gap:8px;border-top:1px solid #eef0f5}
.modal-content .application-choice{margin:0;padding:11px}.modal-content .application-checklist+label{margin-top:16px}
@media(max-width:600px){.modal-header{padding:15px 18px}.modal-content{padding:5px 18px 18px}.modal-header h2{font-size:17px}dialog{max-height:92vh}}
.content-date-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 16px;padding:12px 15px;border:1px solid #e6eaf0;border-radius:12px;background:#fafbfd;color:#65758a;font-size:12px}
.content-date-tools input{width:155px;padding:7px 9px;font-size:12px}.content-date-tools button{padding:7px 11px;font-size:12px}
.daily-work-summary h3{margin:0}.daily-work-summary .section-title{margin-bottom:12px}.daily-work-summary td{padding:10px}.content-site-tag{margin-right:5px;font-size:10px}
.workspace-sites [data-content-all].primary{background:#e9e5ed;border-color:#ded6e2;color:#695a75}
.content-date-tools select{width:105px;padding:7px 9px;font-size:12px}.daily-work-summary tfoot{background:#f4f5f8;color:#5d6c80}.daily-work-summary tfoot td{border-bottom:0}
.form-error{padding:10px 12px;margin:10px 0;border:1px solid #e8dce1;border-radius:8px;background:#f8f2f4;color:#8b5268;font-size:13px}.form-error[hidden]{display:none}
.field-help{margin:5px 0 0;font-size:11px;color:#7c899b}.login-success{padding:12px;border-radius:9px;background:#edf4f8;color:#506c82;line-height:1.6}