:root{--ink:#152b29;--primary:#087f6b;--primary-dark:#075d50;--muted:#6e7b7b;--line:#e5eae8;--bg:#f5f7f6;--white:#fff;--shadow:0 15px 55px #133d2a14;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button svg{vertical-align:middle;flex:none}svg{flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}button:focus-visible,a:focus-visible{outline:3px solid #5ccdb6;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #85c9bb;outline-offset:1px}table{border-collapse:collapse;width:100%}th{text-align:left}th,td{vertical-align:middle}.container{max-width:1350px;margin:auto;padding:0 36px}.demo-shell{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 32px;background:#102b28;color:#e9f5f1;font-size:11px;position:relative;z-index:10;letter-spacing:.2px}.demo-brand{display:flex;align-items:center;gap:7px}.demo-note{color:#a6c3ba}.demo-dot{width:6px;height:6px;border-radius:50%;background:#7be2b0}.mode-switch{display:flex;background:#29443e;border:1px solid #446058;padding:2px;border-radius:7px;flex-shrink:0}.mode-switch button{border:0;background:transparent;color:#c5d8d0;font-size:11px;padding:5px 14px;border-radius:5px}.mode-switch button.active{background:#f2f9f5;color:#173e30;box-shadow:0 1px 4px #0002}.btn,.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:8px;border:1px solid var(--line);background:white;color:var(--ink);font-size:13px;font-weight:600;line-height:1.2;transition:background .16s,transform .16s}.btn:hover,.btn-secondary:hover{background:#f1f6f3;border-color:#c3d6cb}.btn-primary{background:var(--primary);color:white;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:#eaf1ed}.btn.danger,.danger{color:#b93c37}.btn.danger:hover{background:#fff0ee}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:white;display:inline-flex;justify-content:center;align-items:center;color:var(--ink)}.icon-btn:hover{background:#edf5f0}.input,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),select,textarea{width:100%;border:1px solid #dce4df;border-radius:8px;background:white;color:var(--ink);padding:11px 12px;min-height:40px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field>label,label.field-label{font-size:12px;font-weight:600}.field small{color:var(--muted);font-size:11px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:11px;font-weight:500;background:#edf1ef;color:#56645c;white-space:nowrap}.badge.green,.badge.success{background:#e2f3e9;color:#18754c}.badge.yellow,.badge.warning{background:#fff3d8;color:#976c17}.badge.blue{background:#e6f0ff;color:#3468a2}.badge.red,.badge.error{background:#fde9e6;color:#b84037}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.muted{color:var(--muted)}.empty{padding:64px 24px;text-align:center;color:var(--muted)}.empty svg{margin:auto auto 14px}.empty h3{color:var(--ink);margin-bottom:9px}.empty .btn{margin-top:16px}.modal-backdrop{position:fixed;inset:0;background:#0c211c70;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}.modal{background:white;border-radius:18px;width:min(620px,100%);max-height:90dvh;overflow:auto;box-shadow:0 25px 100px #09241a40;position:relative;padding:28px}.modal.wide{width:min(1040px,100%)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.modal-top h2{margin:0;font-size:21px}.modal-close{position:absolute;right:16px;top:16px;z-index:2}.modal h2{padding-right:32px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}#toast{position:fixed;z-index:200;bottom:26px;left:50%;transform:translate(-50%,14px);max-width:calc(100vw - 32px);padding:13px 21px;background:#123d30;color:white;border-radius:10px;box-shadow:0 6px 30px #102b2830;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#903b35}#toast.warning{background:#795a22}.flex{display:flex;align-items:center;gap:10px}.spacer{flex:1}.nowrap{white-space:nowrap}.small{font-size:12px}.text-right{text-align:right}.scroll-table{overflow-x:auto}.notice{background:#f0f6f3;border:1px solid #dceae2;border-radius:9px;padding:13px 16px;font-size:12px;line-height:1.7;color:#4c665a}.permission-note{font-size:12px;color:#936521;background:#fff8e8;padding:12px;border-radius:8px}.modal .full{grid-column:1/-1}@media(max-width:700px){.container{padding:0 18px}.demo-shell{padding:7px 12px;gap:6px}.demo-note{display:none}.mode-switch button{padding:5px 9px}.modal-backdrop{padding:12px}.modal{padding:22px;max-height:94dvh;border-radius:13px}.form-grid{grid-template-columns:1fr}.panel{padding:16px}.btn,.btn-primary,.btn-secondary,.btn-ghost{padding:10px 12px}}