:root{--ink:#172033;--muted:#64748b;--line:#dce3ec;--page:#f3f5f7;--surface:#fff;--primary:#0f766e;--danger:#b91c1c;--amber:#b45309}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--page);color:var(--ink);font-family:"Microsoft YaHei",Arial,sans-serif}button,input,select,textarea{font:inherit}.st-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.st-header-inner{width:min(780px,100%);min-height:62px;margin:auto;padding:9px 16px;display:flex;align-items:center;gap:9px}.st-title h1{margin:0;font-size:19px}.st-title div{margin-top:2px;color:var(--muted);font-size:12px}.st-spacer{flex:1}.st-link{min-height:40px;padding:0 11px;border:1px solid #cbd5e1;border-radius:6px;display:inline-flex;align-items:center;color:#475569;text-decoration:none;font-size:13px}.st-main{width:min(780px,100%);margin:auto;padding:16px 16px calc(28px + env(safe-area-inset-bottom))}.st-panel{margin-bottom:14px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.st-panel-head{padding:13px 15px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;gap:10px}.st-panel-head h2{margin:0;font-size:16px}.st-panel-body{padding:15px}.st-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.st-field{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:13px;font-weight:600}.st-field.full{grid-column:1/-1}.st-field input,.st-field select,.st-field textarea{width:100%;min-height:43px;padding:9px 11px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:var(--ink);font-size:15px;outline:none}.st-field textarea{min-height:88px;resize:vertical}.st-field input:focus,.st-field select:focus,.st-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.required{color:var(--danger)}.st-file-note{color:var(--muted);font-size:11px;font-weight:400}.st-actions{display:flex;justify-content:flex-end;margin-top:15px}.st-primary,.st-secondary,.st-danger{min-height:42px;padding:0 17px;border-radius:6px;cursor:pointer}.st-primary{border:0;background:var(--primary);color:#fff;font-weight:700}.st-primary:disabled{opacity:.55}.st-secondary{border:1px solid #cbd5e1;background:#fff;color:#475569}.st-danger{border:1px solid #fecaca;background:#fff;color:var(--danger)}.st-message{display:none;margin-bottom:13px;padding:10px 12px;border-radius:6px;font-size:13px}.st-message.success{display:block;background:#ecfdf5;color:#047857}.st-message.error{display:block;background:#fef2f2;color:var(--danger)}.st-toolbar{display:flex;align-items:center;gap:8px;margin-left:auto}.st-toolbar input{height:36px;padding:0 8px;border:1px solid #cbd5e1;border-radius:5px}.st-list{display:grid;gap:10px}.st-card{border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden}.st-card-head{padding:12px 13px;display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #edf0f4}.st-card-title{min-width:0;flex:1}.st-card-title strong{display:block;font-size:15px;overflow-wrap:anywhere}.st-card-title span{display:block;margin-top:4px;color:var(--muted);font-size:12px}.st-badge{flex:none;padding:3px 7px;border-radius:4px;background:#f1f5f9;color:#475569;font-size:11px}.st-badge.pending{background:#fffbeb;color:#92400e}.st-badge.approved{background:#ecfdf5;color:#047857}.st-badge.rejected{background:#fef2f2;color:#b91c1c}.st-card-body{padding:12px 13px;font-size:13px;line-height:1.65}.st-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;color:#475569}.st-content{margin-top:9px;padding-top:9px;border-top:1px solid #edf0f4;white-space:pre-wrap;overflow-wrap:anywhere}.st-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.st-files a{padding:5px 8px;border:1px solid #dbe4ee;border-radius:4px;color:#2563eb;text-decoration:none;font-size:12px}.st-review-note{margin-top:9px;padding:8px 9px;border-radius:5px;background:#fef2f2;color:#991b1b}.st-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.st-empty{padding:32px 12px;text-align:center;color:var(--muted)}.st-login-wrap{min-height:100vh;padding:20px;display:flex;align-items:center;justify-content:center}.st-login{width:100%;max-width:390px;padding:28px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.1)}.st-login h1{margin:0 0 5px;text-align:center;font-size:22px}.st-login-sub{margin:0 0 24px;text-align:center;color:var(--muted);font-size:13px}.st-login .st-field{margin-bottom:16px}.st-login .st-primary{width:100%}.st-remember{display:flex;align-items:center;gap:7px;margin:0 0 16px;color:#475569;font-size:13px}.st-remember input{width:16px;height:16px}.st-review-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:11px}.st-reject{border:1px solid #fecaca;background:#fff;color:#b91c1c}.st-approve{border:0;background:#0f766e;color:#fff}.st-review-buttons button{min-height:38px;padding:0 13px;border-radius:5px}.st-filter{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px}.st-filter button{flex:none;min-height:36px;padding:0 13px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#475569}.st-filter button.active{border-color:var(--primary);background:var(--primary);color:#fff}@media(max-width:560px){.st-header-inner{min-height:58px;padding:8px 12px}.st-title h1{font-size:17px}.st-title div{display:none}.st-link{min-width:40px;padding:0 8px}.st-main{padding:12px}.st-grid{grid-template-columns:1fr}.st-field.full{grid-column:auto}.st-panel-body{padding:13px}.st-panel-head{padding:12px 13px;flex-wrap:wrap}.st-toolbar{width:100%;margin-left:0}.st-toolbar input{flex:1}.st-meta{grid-template-columns:1fr}.st-primary{width:100%}}