:root{color-scheme:light;--primary: #17181c;--primary-dark: #2f3138;--lime: #d4f04a;--lime-deep: #b6d82a;--green: #1e9e55;--green-soft: #e3f5ea;--red: #d92d26;--red-soft: #fdebea;--blue: #1d6fd6;--blue-soft: #e4eefb;--amber: #d98200;--amber-soft: #fff0d2;--ink: #17181c;--text-secondary: #3f4046;--muted: #6e6d68;--placeholder: #a19f97;--background: #f5f4ef;--surface: #ffffff;--line: #e4e2d9;--line-soft: #eeede6;--border-input: #d2cfc4;--border-input-hover: #a9a597;--table-header-bg: #f7f6f1;--hover-bg: #faf9f5;--nav-bg: #121316;--nav-line: rgb(255 255 255 / 9%);--nav-text: #b9b8b0;--radius-sm: 4px;--radius-md: 6px;--radius: 8px;--shadow-dropdown: 0 14px 36px rgb(23 24 28 / 18%), 0 2px 6px rgb(23 24 28 / 8%);--sidebar-width: 216px;--header-height: 56px;--input-height: 36px;--button-height: 36px}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex:none;background:var(--nav-bg);color:var(--nav-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:0 18px;height:var(--header-height);border-bottom:1px solid var(--nav-line);color:#fff;font-weight:600;font-size:15px}.sidebar .brand-mark{width:30px;height:30px;border-radius:var(--radius-md);background:var(--lime);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;flex:none}.sidebar nav{padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);color:var(--nav-text)}.sidebar nav a:hover{background:#ffffff14;color:#fff}.sidebar nav a.router-link-active{background:#ffffff1a;color:var(--lime)}.sidebar .sidebar-foot{margin-top:auto;padding:14px 18px;border-top:1px solid var(--nav-line);font-size:12px;color:var(--nav-text)}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.topbar .page-title{font-size:16px;font-weight:600}.topbar .topbar-right{display:flex;align-items:center;gap:14px;color:var(--muted)}.content{padding:24px;flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.toolbar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.toolbar .spacer{flex:1}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--line-soft);white-space:nowrap}.table th{background:var(--table-header-bg);color:var(--muted);font-weight:500;font-size:13px}.table tbody tr:hover{background:var(--hover-bg)}.table tbody tr:last-child td{border-bottom:none}.table .empty-row td{text-align:center;color:var(--muted);padding:40px 0}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;line-height:18px}.badge.green{background:var(--green-soft);color:var(--green)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.gray{background:var(--gray, #edece5);color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--button-height);padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border-input);background:var(--surface);color:var(--ink)}.btn:hover{border-color:var(--border-input-hover)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.danger{color:var(--red)}.btn.danger:hover{border-color:var(--red)}.btn.small{height:28px;padding:0 10px;font-size:13px}.btn.link{border:none;background:none;color:var(--blue);padding:0 6px;height:auto}.btn.link:hover{text-decoration:underline}input[type=text],input[type=password],select{height:var(--input-height);padding:0 10px;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);min-width:0}input:focus,select:focus{outline:2px solid rgb(190 222 40 / 50%);outline-offset:0;border-color:var(--lime-deep)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;color:var(--text-secondary)}.field input,.field select{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.form-grid .field.full{grid-column:1 / -1}.hint{font-size:12px;color:var(--muted)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#17181c66;display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px;z-index:100}.modal{width:640px;max-width:100%;max-height:82vh;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-dropdown)}.modal.wide{width:760px}.modal header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line-soft);font-weight:600;font-size:15px}.modal header .close{border:none;background:none;color:var(--muted);display:inline-flex;padding:4px;border-radius:var(--radius-sm)}.modal header .close:hover{color:var(--ink);background:var(--hover-bg)}.modal .modal-body{padding:20px;overflow:auto}.modal footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--line-soft)}.notice{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-md);font-size:13px;background:var(--amber-soft);color:var(--amber);margin-bottom:14px}.menu-perm-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.menu-perm-row{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--line-soft);background:var(--surface)}.menu-perm-row:last-child{border-bottom:none}.menu-perm-row .menu-name{flex:1}.menu-perm-row .menu-code{font-size:12px;color:var(--placeholder)}.menu-perm-row .can-write{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}.toast-host{position:fixed;top:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:200}.toast{padding:9px 16px;border-radius:var(--radius-md);background:var(--primary);color:#fff;box-shadow:var(--shadow-dropdown);font-size:13px}.toast.error{background:var(--red)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-promotion{background:var(--nav-bg);color:#fff;padding:64px 56px;display:flex;flex-direction:column;gap:18px}.login-promotion h1{font-size:26px;margin:0}.login-promotion .brand-mark{width:44px;height:44px;border-radius:var(--radius);background:var(--lime);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;margin-bottom:6px}.login-promotion p{color:var(--nav-text);margin:0;max-width:420px}.login-promotion ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;color:var(--nav-text)}.login-promotion li{display:flex;align-items:center;gap:8px}.login-promotion blockquote{margin:12px 0 0;padding:12px 16px;border-left:3px solid var(--lime);background:#ffffff0f;border-radius:0 var(--radius-md) var(--radius-md) 0;color:#d9d8d0}.login-side{display:flex;align-items:center;justify-content:center;padding:32px}.login-panel{width:360px;display:flex;flex-direction:column;gap:16px}.login-panel h2{margin:0;font-size:22px}.login-panel .error{color:var(--red);font-size:13px;min-height:18px;margin:0}.login-panel label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-secondary)}.login-panel input,.btn.full{width:100%}.bare-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.bare-page h2{color:var(--ink);margin:0}