*{box-sizing:border-box}
[hidden]{display:none!important}
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#172b4d;background:#f5f7fb;font-synthesis:none}
body{margin:0;font-size:15px;line-height:1.6}
body #iee-icp-footer{color:#53647b}
a{color:#2563eb;text-decoration:none}
a:hover{text-decoration:underline}
button,input{font:inherit}
button,a,input{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #93b4f9;outline-offset:3px}
.site-header{background:#fff;border-bottom:1px solid #e5eaf1}
.header-inner{max-width:1132px;margin:auto;min-height:72px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;color:#2563eb;font-size:22px;font-weight:750;white-space:nowrap}
.brand-mark{display:grid;place-items:center;width:34px;height:36px;border:1px solid #dbe7fd;border-radius:9px;background:#eff5ff;font-size:21px}
.site-nav{display:flex;align-items:center;gap:24px;font-size:14px}
.site-nav a,.site-nav button{display:inline-flex;align-items:center;min-height:44px}
.site-nav button{background:none;color:#53647b;border:0;padding:0;cursor:pointer}
.site-nav [aria-current]{color:#172b4d;font-weight:600}
main{max-width:1132px;margin:36px auto 56px;padding:0 16px;min-height:65vh}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
h1{margin:0 0 6px;font-size:30px;line-height:1.35;letter-spacing:-.5px}
.page-heading p{margin:0;color:#53647b;font-size:15px}
.button,button[type=submit],button.secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:8px;background:#2563eb;color:white;font-weight:600;cursor:pointer;text-align:center;line-height:1.5;text-decoration:none}
.button:hover,button[type=submit]:hover{background:#1d4ed8;text-decoration:none}
.button.secondary,button.secondary{background:#fff;color:#475569;border-color:#dce3ed}
.button.secondary:hover,button.secondary:hover{background:#f1f5f9}
button:disabled{opacity:.55;cursor:not-allowed}
.filters-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.filters{display:flex;gap:4px;padding:4px;background:#eaf0f7;border-radius:10px}
.filters button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 18px;border:0;border-radius:7px;background:transparent;color:#52647c;cursor:pointer;white-space:nowrap}
.filters button[aria-pressed=true]{background:white;color:#2563eb;box-shadow:0 1px 4px #172b4d10;font-weight:650}
.count{font-size:12px;min-width:22px;padding:0 6px;background:#e2e8f0;border-radius:5px;color:#475569}
[aria-pressed=true] .count{background:#eaf2ff;color:#2563eb}
.scope-note{color:#53647b;font-size:12px;margin:0}
#taskList{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.paper-card{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#fff;border:1px solid #e3e9f1;border-radius:12px;padding:24px;box-shadow:0 2px 5px #172b4d03}
.paper-info{flex:1;min-width:0}
.paper-title{font-size:18px;line-height:1.65;margin:0 0 10px;font-weight:650;overflow-wrap:anywhere;color:#172b4d}
.paper-title a{color:inherit}
.paper-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:5px;background:#eff4fa;color:#53657c}
.paper-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.paper-status[data-tone=blue]{background:#edf4ff;color:#245cbd}
.paper-status[data-tone=green]{background:#ecf8f1;color:#24734c}
.paper-status[data-tone=amber]{background:#fff6e7;color:#8a5b13}
.paper-status[data-tone=red]{background:#fff0f0;color:#a53b3b}
.paper-hint{color:#53647b;font-size:13px;margin:9px 0 0;overflow-wrap:anywhere}
.paper-actions{flex:0 0 168px;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.paper-actions .button{padding:10px 12px;font-size:14px}
.paper-actions .text-link{display:flex;justify-content:center;align-items:center;min-height:44px;font-size:13px;color:#53647b}
.empty-state{text-align:center;padding:56px 20px;background:white;border:1px dashed #d8e1ed;border-radius:12px;color:#53647b}
.empty-state h2{font-size:18px;color:#334155;margin:0 0 8px}
.empty-state p{margin:0}
.account-panel{max-width:480px;margin:24px auto;background:#fff;border:1px solid #e3e9f1;border-radius:12px;padding:28px}
.account-panel h2{margin:0 0 16px;font-size:21px}
label{display:block;margin:18px 0 8px;font-weight:600}
input{width:100%;min-height:44px;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:16px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.notice{padding:16px;background:#eff6ff;border-radius:8px;color:#475569}
#message:not(:empty){margin:20px 0;padding:14px 16px;border:1px solid #dce5f2;background:#fff;border-radius:8px;color:#475569;white-space:pre-wrap}
@media(max-width:767px){
 .header-inner{min-height:64px}.brand{font-size:19px}.brand-mark{width:29px;height:32px;font-size:18px}.site-nav{gap:14px;font-size:13px}.home-link{display:none!important}
 main{margin-top:26px}.page-heading{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:24px}h1{font-size:26px}.page-heading p{font-size:14px}.page-heading>.button{width:100%}
 .filters-bar{gap:10px}.filters{width:100%;gap:0}.filters button{flex:1;padding:8px 5px;gap:6px;font-size:14px}.scope-note{font-size:12px}
 .paper-card{padding:20px 18px;gap:18px;flex-direction:column;align-items:stretch}.paper-title{font-size:17px;line-height:1.65}.paper-actions{flex:auto;gap:6px}.paper-actions .button{width:100%}.paper-hint{line-height:1.7}.account-panel{padding:20px}
}
