@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
@import url('company.css');
@import url('pink.css');
@import url('refine.css');
@import url('ux.css');
@import url('subpages.css');
@import url('inline.css');
:root{--ink:#eaf2ff;--muted:#8ea2c5;--line:rgba(146,178,242,.16);--brand:#627cff;--cyan:#39e8ff;--bg:#060b1a;--danger:#ff657b;--warn:#ffbb52;--ok:#45ebb1}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% 9%,#21377888 0,transparent 25%),radial-gradient(circle at 15% 96%,#152d6980 0,transparent 26%),var(--bg);color:var(--ink);font:14px/1.55 "Noto Sans SC",Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(89,135,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(89,135,255,.027) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#0008,transparent 85%)}aside{position:fixed;width:254px;top:0;bottom:0;z-index:1;background:linear-gradient(180deg,rgba(15,27,58,.94),rgba(6,12,29,.94));border-right:1px solid var(--line);padding:29px 15px;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:.5px;color:#fff;padding:0 11px 36px}.brand-mark,.login-logo span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#58eaff,#6770ff 62%,#b172ff);color:#07122b;font:700 15px/1 "DM Mono",monospace;box-shadow:0 0 25px #4ac9ff88}.brand small{position:absolute;left:53px;top:57px;color:#6379a4;font:9px/1 "DM Mono",monospace;letter-spacing:1.2px}nav a,.logout{position:relative;display:flex;align-items:center;gap:13px;color:#9badca;text-decoration:none;padding:12px 13px;margin:5px 0;border-radius:8px;transition:.2s}.active,nav a:hover{background:linear-gradient(90deg,#526fff30,transparent);color:#fff}.active:before{content:"";position:absolute;left:-15px;width:3px;height:19px;border-radius:0 3px 3px 0;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}nav i{width:7px;height:7px;border:1px solid #7892bf;border-radius:50%}.active i{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 8px var(--cyan)}.logout{position:absolute;bottom:49px;left:15px;right:15px;border-top:1px solid var(--line);border-radius:0;padding-top:17px;justify-content:space-between}.logout span{color:var(--cyan)}.side-status{position:absolute;bottom:19px;left:27px;font-size:11px;color:#667da8}.side-status b{display:inline-block;width:6px;height:6px;background:var(--ok);border-radius:50%;box-shadow:0 0 9px var(--ok);margin-right:7px}main{position:relative;margin-left:254px;padding:34px 46px 54px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}h1{font-size:28px;letter-spacing:.5px;margin:0;color:#fff}h2{font-size:16px;margin:0 0 18px;color:#fff;letter-spacing:.2px}header p{color:var(--muted);margin:4px 0}.eyebrow{font:10px/1 "DM Mono",monospace!important;letter-spacing:1.6px;color:#5c7cc6!important;margin-bottom:9px!important}.header-orbit{display:flex;align-items:center;gap:8px;font:10px "DM Mono",monospace;color:var(--cyan);letter-spacing:1px}.header-orbit span{width:9px;height:9px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 14px var(--cyan)}.header-orbit em{font-style:normal}.panel{background:linear-gradient(130deg,rgba(24,41,82,.72),rgba(10,20,46,.73));border:1px solid var(--line);border-radius:13px;padding:22px;margin:18px 0;box-shadow:inset 0 1px #ffffff0a,0 18px 45px #00000022;backdrop-filter:blur(10px)}.panel:has(h2){position:relative}.panel:has(h2):before{content:"";position:absolute;left:0;top:20px;width:2px;height:17px;background:linear-gradient(var(--cyan),#7283ff);box-shadow:0 0 9px var(--cyan)}.panel h2{padding-left:9px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cards div{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(28,48,99,.79),rgba(12,23,51,.78));border:1px solid var(--line);border-radius:12px;padding:19px;box-shadow:inset 0 1px #ffffff0a}.cards div:after{content:"";position:absolute;width:85px;height:85px;right:-35px;top:-41px;border:1px solid #70b9ff33;border-radius:50%;box-shadow:0 0 0 14px #70b9ff08}.cards span{display:block;color:#94a8ca;font-size:13px}.cards b{font:500 25px "DM Mono",monospace;color:#fff;margin-top:11px;display:block;letter-spacing:-1px}.filters,.split,.inline-form,.summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.split{justify-content:space-between}.grid-form{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px}label{display:block;font-weight:500;color:#b7c7e2;font-size:13px}input,select,textarea{width:100%;color:#eaf2ff;padding:10px 11px;border:1px solid #728bb52b;border-radius:7px;background:#071228a8;font:inherit;margin-top:6px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#56dffb99;box-shadow:0 0 0 3px #3bdff21a}option{background:#0b1731}textarea{min-height:43px;resize:vertical}button,.button{background:linear-gradient(105deg,#626fff,#38ccef);box-shadow:0 7px 20px #356ee034;border:0;color:white;text-decoration:none;border-radius:7px;padding:10px 17px;cursor:pointer;font:500 14px "Noto Sans SC",sans-serif;display:inline-block;transition:.2s}button:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 10px 24px #356ee05c}.secondary{background:#5c72921c;color:#aed0e8;box-shadow:none;border:1px solid var(--line)}.text-link{color:#67e4ff;text-decoration:none}table{width:100%;border-collapse:collapse}th{text-align:left;color:#8296bc;background:#07132c85;font:11px "DM Mono","Noto Sans SC",sans-serif;letter-spacing:.4px;text-transform:uppercase}td,th{padding:12px;border-bottom:1px solid #ffffff0c}td{color:#cedaf0}tr:hover td{background:#6594ff08}.badge{padding:3px 8px;border-radius:99px;font-size:12px;border:1px solid}.badge.未结算{color:#ff8c9d;background:#ff5e7414;border-color:#ff5e7438}.badge.部分结算{color:#ffd078;background:#ffc15213;border-color:#ffc15238}.badge.已结算{color:#6bf0c1;background:#42eeaf13;border-color:#42eeaf38}.badge.异常{color:#dd9eff;background:#d68aff13;border-color:#d68aff38}.status{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#aaa}.status.未结算{background:var(--danger);box-shadow:0 0 7px var(--danger)}.status.部分结算{background:var(--warn);box-shadow:0 0 7px var(--warn)}.status.已结算{background:var(--ok);box-shadow:0 0 7px var(--ok)}.alert{padding:12px 15px;border-radius:8px;margin:0 0 16px;border:1px solid}.alert.success{color:#72f4c4;background:#42eeaf14;border-color:#42eeaf38}.alert.error{color:#ff9aa8;background:#ff5e7414;border-color:#ff5e7438}.empty{color:var(--muted);text-align:center;padding:26px}.expense-form #items{margin:16px 0}.item{display:flex;gap:10px;margin:8px 0}.item select{max-width:260px}.item input{max-width:220px}.expense-form>b{margin:0 16px;color:#83dff5;font:500 15px "DM Mono",monospace}.exports{display:flex;gap:14px;flex-wrap:wrap}.exports>div{border:1px solid var(--line);background:#08142c77;padding:15px;border-radius:8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.exports b{width:100%;color:#dce8ff}.narrow{max-width:480px}.backup-title{margin-top:24px}.login{display:grid;place-items:center;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 22% 20%,#3b4aaf80,transparent 30%),radial-gradient(circle at 83% 80%,#0c7e9680,transparent 29%),#060b1a}.login:before{content:"";position:fixed;width:680px;height:680px;border:1px solid #6893ff2d;border-radius:50%;left:-240px;top:-270px;box-shadow:0 0 0 70px #6791ff08,0 0 0 150px #6791ff05}.login-grid{position:fixed;inset:0;background-image:linear-gradient(#7398ff0b 1px,transparent 1px),linear-gradient(90deg,#7398ff0b 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at 50%,#000,transparent 73%)}.login-card{position:relative;width:420px;padding:40px;background:linear-gradient(140deg,#152a5bcc,#0c1834d9);border:1px solid #7796d642;border-radius:17px;box-shadow:0 30px 90px #0007,inset 0 1px #ffffff14;backdrop-filter:blur(18px)}.login-logo{display:flex;align-items:center;gap:9px;font-size:22px;font-weight:700}.login-logo span{width:34px;height:34px}.login-kicker{font:10px "DM Mono",monospace!important;letter-spacing:1.1px;color:#73a5d8!important;margin:22px 0 8px!important}.login-card h1{font-size:26px}.login-card>p:not(.login-kicker){display:block;color:var(--muted);margin:5px 0 23px}.login-card button{width:100%;margin:22px 0 11px;display:flex;justify-content:center;gap:9px}.login-card button span{font-size:18px;line-height:16px}.login-card small{display:block;color:#7188ae;font-size:11px}.login-copy{position:fixed;left:42px;bottom:34px;display:grid;gap:4px;color:#6881ad}.login-copy b{font-size:18px;color:#dce9ff}.login-copy span{font:10px "DM Mono",monospace;letter-spacing:1.3px}@media(max-width:900px){aside{position:static;width:auto;height:auto;padding:18px}.brand{padding-bottom:18px}nav{display:flex;overflow:auto}.logout,.side-status{display:none}main{margin:0;padding:25px}.cards{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){main{padding:20px}.cards{grid-template-columns:1fr}.grid-form{grid-template-columns:1fr}.wide{grid-column:auto}.login-card{width:calc(100vw - 34px);padding:29px}.login-copy{display:none}.item{flex-direction:column}.item select,.item input{max-width:none}}
