:root{--navy:#112e52;--navy-2:#194778;--blue:#1864bb;--blue-light:#e8f2ff;--text:#1b3049;--muted:#667991;--border:#dae4f0;--bg:#f3f6fb;--paper:#fff;--radius:15px;--shadow:0 2px 13px rgba(23,64,100,.045);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-size:14px}body{line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 12px;letter-spacing:.01em}h1{font-size:24px}h2{font-size:17px}p{margin:8px 0 14px}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{display:block;width:100%;min-height:40px;padding:10px 12px;border:1px solid #cad9ea;border-radius:9px;background:#fff;color:var(--text);outline:none;transition:border .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:#66a4ed;box-shadow:0 0 0 3px rgba(30,120,219,.1)}textarea{resize:vertical;min-height:78px}label{display:block;font-size:12px;font-weight:650;color:#47617e;margin:0 0 12px}label input,label textarea,label select{font-size:14px;margin-top:5px;font-weight:400}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:9px;padding:10px 16px;min-height:40px;font-weight:700;white-space:nowrap;text-align:center}.btn:hover{background:#15549e;color:#fff;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.light{background:#eef5ff;border-color:#c7dcf5;color:#13529b}.btn.light:hover{background:#dbeeff}.btn.big{padding:13px 20px;font-size:15px}.btn.danger-plain{background:#fff;border-color:#f3c4c4;color:#bf3333}.btn.danger-plain:hover{background:#fff3f3}.muted,small{color:var(--muted)}small{font-size:11px}.app{display:flex;min-height:100vh}.sidebar{width:230px;flex:0 0 230px;background:var(--navy);color:#d8e5f5;min-height:100vh;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:23px 18px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.brandicon{width:41px;height:41px;display:grid;place-items:center;border-radius:11px;background:#d9edff;color:#174374;font-weight:900;font-size:20px;flex-shrink:0}.brand strong{display:block;font-size:14px;color:#fff}.brand small{display:block;font-size:10px;color:#9bb5d1}.sidebar nav{padding:12px;flex:1}.sidebar nav a{color:#b9cbdf;display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:10px;font-weight:650;margin:2px 0}.sidebar nav a:hover,.sidebar nav a.active{background:#24547f;color:#fff;text-decoration:none}.navicon{font-size:8px;color:#80c3ff}.sidefoot{padding:17px;border-top:1px solid rgba(255,255,255,.1)}.sidefoot a{display:block;color:#e6f4ff}.sidefoot small{color:#a7bdd5}.main{min-width:0;flex:1;display:flex;flex-direction:column}.top{height:69px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:#fff;border-bottom:1px solid var(--border);gap:14px;position:sticky;top:0;z-index:8}.top-title{display:flex;flex-direction:column;overflow:hidden}.top-title b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.top-title small{margin-top:-3px}.top-user{display:flex;gap:14px;align-items:center}.top-user span{font-weight:750;white-space:nowrap}.top-user small{font-weight:400}.top-user form{margin:0}.top-user .btn{padding:7px 12px;background:#fff;color:var(--blue);border-color:var(--border);min-height:34px}.menu-button{display:none}.content{width:100%;max-width:1390px;margin:0 auto;padding:30px 34px;flex:1}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px}.page-head h1{margin-bottom:3px}.page-head p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:13px;margin-bottom:20px}.stat,.panel,.scope,.preview-record{border:1px solid var(--border);background:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.stat{padding:19px 18px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:25px;margin-top:7px;color:#173c64}.panel{padding:21px 22px;margin-bottom:19px;min-width:0}.panel h2{font-size:17px;margin-bottom:16px}.panel label{max-width:680px}.panel form{margin-bottom:12px}.panel form:last-child{margin-bottom:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}.grid2 .panel{height:auto}.tablewrap{overflow-x:auto;max-width:100%;border:1px solid #e4ecf6;border-radius:10px}.tablewrap table,table{border-collapse:collapse;width:100%;font-size:13px}.tablewrap th,.tablewrap td,table th,table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #e4ecf5;white-space:nowrap}.tablewrap th,table th{background:#f7f9fc;color:#536b86;font-size:12px;font-weight:750}.tablewrap tr:last-child td,table tr:last-child td{border-bottom:none}.empty{color:#7890ab;text-align:center;padding:25px}.tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.tabs a{border-radius:10px;padding:9px 14px;color:#3a5876;background:#e7edf5;font-weight:650}.tabs a.on{background:#d7eaff;color:#1254a1}.alert{padding:12px 14px;border-radius:11px;margin:0 0 16px;background:#e6f4e9;color:#285d36;border:1px solid #c5e2cc}.alert.error{background:#fff1f1;color:#a33131;border-color:#f5c6c6}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:99px;background:#e9f1fa;color:#426c91;font-size:11px;font-weight:650}.badge-note{display:block;background:#fff8e8;color:#8a601a;border-radius:10px;padding:11px 12px;margin:10px 0 15px;font-size:13px}.record{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:14px 0;border-bottom:1px solid var(--border)}.record:last-child{border:0}.record b,.record small{display:block}.record small{margin:5px 0}.record .actions{flex-direction:column;min-width:170px}.record .actions form{min-width:170px}.record .actions form input{margin-bottom:6px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:12px 0}.actions form{margin:0}.inline-fields{display:flex;gap:7px;align-items:center;margin:6px 0}.inline-fields label{flex:1;margin:0}.checkline{display:flex;gap:8px;align-items:center;min-height:40px}.checkline input{display:inline-block;min-height:auto;width:auto;margin:0}.footer{text-align:center;color:#8aa0b7;font-size:11px;margin:20px 0}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#dceafa,#f8fbff)}.login-card{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:35px;box-shadow:0 17px 50px rgba(27,63,103,.13)}.login-card .brandicon{margin:0 auto 15px}.login-card h1,.login-card>p{text-align:center}.login-card form .btn{width:100%}.install{background:#f2f6fb}.install-box{max-width:760px;margin:40px auto;padding:25px;background:#fff;border:1px solid var(--border);border-radius:20px}.install-box>form{max-width:520px}.install-box .btn{margin-top:12px}.install-box table{font-size:12px}.ai-hero{border-radius:20px;background:linear-gradient(125deg,#15395e,#2260a7);color:#fff;padding:27px 31px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;overflow:hidden}.ai-hero h1{font-size:27px;margin:4px 0 9px}.ai-hero p{color:#d6e6fa;max-width:650px;margin:0}.eyebrow{letter-spacing:2px;font-size:10px;color:#9fcaff}.ai-head-icon{font-size:65px;color:#a4d4ff;line-height:1}.scope{padding:15px 18px;margin-bottom:18px;background:#ebf3fe;border-color:#c8ddf4;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.scope b{font-size:13px}.scope span{color:#607a95;font-size:12px}.quick{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.quick button{border:1px solid #bcd6f6;background:#eef6ff;color:#32618c;border-radius:99px;padding:7px 12px;font-size:12px}.quick button:hover{background:#dcecff}.upload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.upload-tile{position:relative;margin:0;border:1px dashed #90b9e5;border-radius:13px;background:#f6faff;padding:18px 10px;min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;text-align:center;overflow:hidden}.upload-tile:hover{border-color:var(--blue);background:#eaf4ff}.upload-tile span{font-size:24px;color:#2c80d0}.upload-tile b{font-size:14px;color:#22548a}.upload-tile small{font-size:11px}.file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview-record{padding:14px 16px;margin:12px 0}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.preview-fields label{min-width:0}.loading{position:fixed;inset:0;background:rgba(14,31,53,.53);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(3px);padding:17px}.loading[hidden]{display:none}.loading-panel{width:100%;max-width:350px;background:#fff;border-radius:22px;padding:36px 22px 28px;display:flex;flex-direction:column;gap:8px;align-items:center;box-shadow:0 25px 70px rgba(4,26,58,.27);text-align:center}.loading-panel strong{font-size:19px}.loading-panel p{color:var(--muted);font-size:12px;margin:0}.spinner{width:57px;height:57px;border:5px solid #d7e9fa;border-top-color:var(--blue);border-radius:50%;animation:spin .9s linear infinite;margin-bottom:8px}.dots{display:flex;gap:7px;margin-top:9px}.dots i{width:7px;height:7px;border-radius:50%;background:#2d8ad8;animation:bounce 1s ease-in-out infinite alternate}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{to{opacity:.2;transform:translateY(-5px)}}@media(max-width:1100px){.grid2{grid-template-columns:1fr}.content{padding:22px}.sidebar{width:205px;flex-basis:205px}.top{padding:0 17px}}@media(max-width:760px){.app{display:block}.sidebar{position:fixed;left:0;top:0;z-index:30;width:240px;transform:translateX(-102%);transition:transform .18s;box-shadow:10px 0 30px rgba(20,35,56,.15)}body.sidebar-open .sidebar{transform:translateX(0)}.main{width:100%}.menu-button{display:block;background:#fff;color:#1d507d;border:1px solid var(--border);border-radius:9px;min-width:37px;height:37px}.top{height:63px;padding:0 12px}.top-title{min-width:0;flex:1}.top-title b{font-size:12px}.top-title small{font-size:10px}.top-user{gap:5px}.top-user span{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.top-user span small{display:none}.top-user .btn{font-size:11px;padding:5px 8px;min-height:32px}.content{padding:17px 13px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:21px}.panel{padding:16px 14px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:13px}.stat strong{font-size:22px}.stat span{font-size:11px}.tabs{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;padding:3px 0 7px}.tabs a{font-size:12px;padding:8px 11px}.record{display:block}.record .actions{width:100%}.record .actions form{width:100%}.record .actions form .btn{width:100%}.grid2{gap:0}.ai-hero{padding:24px 19px}.ai-hero h1{font-size:22px}.ai-head-icon{display:none}.upload-actions{gap:9px}.upload-tile{min-height:112px;padding:13px 5px}.upload-tile small{font-size:10px}.preview-fields{grid-template-columns:1fr}.inline-fields{flex-wrap:wrap}.scope{display:block}.scope span{display:block;margin-top:5px}.login-card{padding:24px}.footer{font-size:10px;padding:0 10px}}
@media(prefers-reduced-motion:reduce){.spinner,.dots i{animation:none}}