*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#F6F7F9;--white:#FFFFFF;--s1:#F0F2F5;--s2:#E8EBF0;--bd:#E2E6ED;--bd2:#ECF0F5;--t1:#0F1923;--t2:#4A5568;--t3:#8A97A8;--t4:#C8D0DA;--ac:#2563EB;--ac-l:#EBF1FD;--ac-m:rgba(37,99,235,.1);--green:#10B981;--green-l:#ECFDF5;--red:#EF4444;--red-l:#FEF2F2;--amber:#F59E0B;--amber-l:#FFFBEB;--purple:#7C3AED;--purple-l:#F5F3FF;--f:"DM Sans",system-ui,sans-serif}html,body,#root{height:100%;overflow:hidden;font-family:var(--f);color:var(--t1);background:var(--bg);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;transition:all .14s}button:hover:not(:disabled){opacity:.8}input,select,textarea{font-family:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ac)!important;box-shadow:0 0 0 3px #2563eb14!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--bd);border-radius:2px}.app{display:flex;height:100vh;overflow:hidden}.col-right{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.main-scroll{flex:1;overflow-y:auto;padding:28px 32px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap}.lbl{display:block;font-size:11px;font-weight:600;color:var(--t2);margin-bottom:5px}.inp{width:100%;padding:9px 12px;background:var(--white);border:1.5px solid var(--bd);border-radius:8px;font-size:13px;color:var(--t1);transition:all .14s}.inp::placeholder{color:var(--t4)}textarea.inp{resize:vertical;line-height:1.6}.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.card{background:var(--white);border:1px solid var(--bd);border-radius:12px;overflow:hidden;margin-bottom:12px}.card-hd{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--bd2)}.card-title{font-size:13px;font-weight:700;color:var(--t1)}.card-body{padding:16px 18px}.btn{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .14s}.btn-ac{background:var(--ac);color:#fff}.btn-dark{background:var(--t1);color:#fff}.btn-ghost{background:transparent;border:1.5px solid var(--bd);color:var(--t2)}.btn-sm{padding:6px 13px;font-size:12px;border-radius:7px}.btn-xs{padding:4px 10px;font-size:11px;border-radius:6px;border:1px solid var(--bd);background:var(--white);color:var(--t2)}.mdl-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .18s}.mdl-ov.open{opacity:1;pointer-events:all}.mdl-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f192366;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mdl-box{position:relative;z-index:1;background:var(--white);border-radius:14px;box-shadow:0 20px 60px #0f19232e;overflow:hidden;width:460px}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}