:root{--navy-950: oklch(.22 .045 256);--navy-900: oklch(.27 .05 256);--navy-850: oklch(.31 .052 256);--navy-800: oklch(.36 .05 256);--navy-700: oklch(.44 .05 256);--blue-600: oklch(.55 .14 250);--blue-500: oklch(.62 .145 250);--blue-400: oklch(.7 .12 247);--blue-50: oklch(.96 .022 250);--blue-100: oklch(.93 .038 250);--teal-500: oklch(.68 .11 200);--teal-50: oklch(.96 .025 200);--ink-900: oklch(.27 .022 256);--ink-700: oklch(.42 .018 256);--ink-600: oklch(.52 .016 256);--ink-500: oklch(.6 .014 256);--ink-400: oklch(.7 .012 256);--line: oklch(.91 .008 256);--line-soft: oklch(.945 .006 256);--surface-2: oklch(.975 .005 256);--surface-1: oklch(.985 .004 256);--bg: oklch(.965 .006 256);--card: #ffffff;--green-600: oklch(.58 .12 155);--green-50: oklch(.95 .04 155);--amber-600: oklch(.68 .13 75);--amber-50: oklch(.95 .05 80);--red-600: oklch(.58 .17 25);--red-50: oklch(.95 .035 25);--violet-600: oklch(.55 .15 290);--violet-50: oklch(.95 .03 290);--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--shadow-xs: 0 1px 2px oklch(.4 .03 256 / .06);--shadow-sm: 0 1px 3px oklch(.4 .03 256 / .07), 0 1px 2px oklch(.4 .03 256 / .04);--shadow-md: 0 4px 16px -4px oklch(.35 .04 256 / .12), 0 2px 6px -2px oklch(.35 .04 256 / .07);--shadow-lg: 0 18px 48px -12px oklch(.3 .05 256 / .22), 0 6px 16px -8px oklch(.3 .05 256 / .12);--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "Spline Sans Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font);background:var(--bg);color:var(--ink-900);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#babec4;border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#a0a5ac;background-clip:content-box}.app{display:grid;grid-template-columns:252px 1fr;height:100%;overflow:hidden}.sidebar{background:linear-gradient(176deg,var(--navy-900),var(--navy-950));color:#cfd8e5;display:flex;flex-direction:column;padding:18px 14px;gap:4px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 18px}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(150deg,var(--blue-400),var(--blue-600));display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 14px -4px var(--blue-500),inset 0 1px #ffffff40}.brand-name{font-weight:800;font-size:15px;letter-spacing:-.01em;color:#fff;line-height:1.1}.brand-sub{font-size:11px;color:#99a6b8;font-weight:500;letter-spacing:.02em}.nav-section-label{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#758192;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-md);color:#bcc5d1;font-size:13.5px;font-weight:600;border:none;background:none;width:100%;text-align:left;transition:background .13s,color .13s;position:relative}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#ffffff1a;color:#fff}.nav-item.active:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--blue-400)}.nav-item svg{width:18px;height:18px;flex-shrink:0;opacity:.9}.nav-badge{margin-left:auto;font-size:11px;font-weight:700;background:#ffffff21;color:#fff;padding:1px 7px;border-radius:99px;min-width:20px;text-align:center}.nav-badge.alert{background:var(--red-600)}.sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid oklch(1 0 0 / .08);display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(140deg,var(--teal-500),var(--blue-500));display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px}.main{display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:60px;flex-shrink:0;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 26px}.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-500)}.crumb b{color:var(--ink-900);font-weight:700}.crumb svg{width:14px;height:14px;opacity:.5}.search-box{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 13px;width:320px;color:var(--ink-500);font-size:13px}.search-box input{border:none;background:none;outline:none;flex:1;color:var(--ink-900);font-size:13px}.search-box svg{width:16px;height:16px}.search-box .kbd{font-size:11px;font-family:var(--mono);background:var(--card);border:1px solid var(--line);border-radius:5px;padding:1px 5px;color:var(--ink-400)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:38px;height:38px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);display:grid;place-items:center;color:var(--ink-600);position:relative;transition:background .13s,border-color .13s}.icon-btn:hover{background:var(--surface-2);color:var(--ink-900)}.icon-btn svg{width:18px;height:18px}.icon-btn .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--red-600);border:1.5px solid var(--card)}.content{flex:1;overflow-y:auto;padding:26px 28px 60px}.content-wrap{max-width:1320px;margin:0 auto}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px}.page-title{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0;color:var(--ink-900)}.page-sub{font-size:13.5px;color:var(--ink-500);margin:4px 0 0}.page-head .spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:var(--r-md);font-size:13.5px;font-weight:650;border:1px solid transparent;transition:background .13s,box-shadow .13s,border-color .13s;white-space:nowrap}.btn svg{width:16px;height:16px}.btn-primary{background:var(--blue-600);color:#fff;box-shadow:var(--shadow-xs)}.btn-primary:hover{background:var(--blue-500);box-shadow:var(--shadow-sm)}.btn-ghost{background:var(--card);color:var(--ink-700);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink-900)}.btn-soft{background:var(--blue-50);color:var(--blue-600)}.btn-soft:hover{background:var(--blue-100)}.btn-sm{padding:6px 11px;font-size:12.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;padding:3px 10px;border-radius:99px;background:var(--surface-2);color:var(--ink-600);border:1px solid var(--line)}.chip .led{width:6px;height:6px;border-radius:50%;background:currentColor}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;letter-spacing:.01em}.pill .led{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.gray{background:var(--surface-2);color:var(--ink-600)}.pill.blue{background:var(--blue-50);color:var(--blue-600)}.pill.green{background:var(--green-50);color:var(--green-600)}.pill.amber{background:var(--amber-50);color:var(--amber-600)}.pill.red{background:var(--red-50);color:var(--red-600)}.pill.violet{background:var(--violet-50);color:var(--violet-600)}.pill.teal{background:var(--teal-50);color:var(--teal-500)}.mono{font-family:var(--mono)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500);padding:11px 16px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--line-soft);color:var(--ink-700);vertical-align:middle}.tbl tbody tr{transition:background .1s;cursor:pointer}.tbl tbody tr:hover{background:var(--surface-1)}.tbl tbody tr:last-child td{border-bottom:none}.tbl .strong{color:var(--ink-900);font-weight:700}.flag{width:18px;height:13px;border-radius:2px;display:inline-block;vertical-align:-1px;box-shadow:0 0 0 1px #00000012;object-fit:cover}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:17px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-label{font-size:12.5px;color:var(--ink-500);font-weight:600;display:flex;align-items:center;gap:7px}.stat-label svg{width:15px;height:15px}.stat-value{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-top:9px;color:var(--ink-900);font-variant-numeric:tabular-nums}.stat-delta{font-size:12px;font-weight:650;margin-top:6px;display:flex;align-items:center;gap:5px}.stat-delta.up{color:var(--green-600)}.stat-delta.down{color:var(--red-600)}.stat-delta.flat{color:var(--ink-500)}.section-head{display:flex;align-items:center;gap:10px;margin:0 0 13px}.section-head h3{font-size:15px;font-weight:750;margin:0;letter-spacing:-.01em}.section-head .spacer{flex:1}.link{color:var(--blue-600);font-weight:650;font-size:13px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.link:hover{text-decoration:underline}.bar{height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden}.bar>span{display:block;height:100%;border-radius:99px;background:var(--blue-500)}.ph{background-image:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 9px,var(--surface-1) 9px,var(--surface-1) 18px);border:1px dashed var(--line);border-radius:var(--r-md);display:grid;place-items:center;color:var(--ink-400);font-family:var(--mono);font-size:11px}.av-sm{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:3px;gap:2px}.seg button{border:none;background:none;padding:6px 13px;border-radius:7px;font-size:12.5px;font-weight:650;color:var(--ink-600)}.seg button.on{background:var(--card);color:var(--ink-900);box-shadow:var(--shadow-xs)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14223566;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;animation:fade .16s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(720px,92vw);background:var(--bg);z-index:41;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:slidein .22s cubic-bezier(.22,.8,.3,1)}@keyframes slidein{0%{transform:translate(30px)}to{transform:translate(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer-head{padding:18px 24px;border-bottom:1px solid var(--line);background:var(--card);display:flex;align-items:flex-start;gap:14px}.drawer-body{flex:1;overflow-y:auto;padding:22px 24px}.divider{height:1px;background:var(--line);margin:18px 0}.field-label{font-size:11.5px;font-weight:700;color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.field-val{font-size:14px;color:var(--ink-900);font-weight:600}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1422356b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;animation:fade .14s ease}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:94vw;max-height:88vh;z-index:51;background:var(--card);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:pop .18s cubic-bezier(.22,.8,.3,1)}@keyframes pop{0%{opacity:0;transform:translate(-50%,-46%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-head{display:flex;align-items:flex-start;gap:13px;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:var(--blue-50);color:var(--blue-600)}.modal-body{padding:20px;overflow-y:auto}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);background:var(--surface-1);display:flex;gap:10px;justify-content:flex-end}.form-field{display:flex;flex-direction:column}.form-label{font-size:11.5px;font-weight:700;color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.form-input{width:100%;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--card);font-size:13.5px;color:var(--ink-900);font-family:inherit;outline:none;transition:border-color .12s,box-shadow .12s}.form-input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}select.form-input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23899' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px}.toast-host{position:fixed;bottom:22px;right:22px;z-index:60;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:11px;padding:11px 15px 11px 11px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);min-width:240px;cursor:pointer;animation:toastin .22s cubic-bezier(.22,.8,.3,1)}@keyframes toastin{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.login-screen{min-height:100vh;height:100%;background:linear-gradient(160deg,var(--navy-950) 0%,var(--navy-900) 40%,oklch(.24 .06 240) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,oklch(.4 .08 250 / .15) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,oklch(.35 .06 200 / .1) 0%,transparent 60%);pointer-events:none}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:36px;position:relative;z-index:1}.login-brand-mark{width:56px;height:56px;border-radius:16px;background:linear-gradient(150deg,var(--blue-400),var(--blue-600));display:grid;place-items:center;box-shadow:0 8px 32px -8px var(--blue-500),inset 0 1px #ffffff40}.login-brand-name{font-size:28px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}.login-brand-sub{font-size:12px;color:#8390a2;font-weight:600;letter-spacing:.1em;margin-top:3px}.login-card{background:#fffffff7;border-radius:24px;box-shadow:0 32px 80px -16px #00030e99,0 0 0 1px #ffffff1a inset;box-shadow:0 32px 80px -16px oklch(.1 .05 256 / .6),0 0 0 1px #ffffff1a inset;padding:36px 32px;min-width:480px;max-width:94vw;position:relative;z-index:1}.login-card-pin{min-width:360px;max-width:400px;padding:28px}.login-title{font-size:24px;font-weight:800;color:var(--ink-900);margin:0 0 6px;letter-spacing:-.02em}.login-sub{font-size:14px;color:var(--ink-500);margin:0 0 26px}.login-footer{font-size:12px;color:#687280;margin-top:28px;position:relative;z-index:1}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.employee-card{background:var(--surface-1);border:1.5px solid var(--line);border-radius:14px;padding:16px 12px;text-align:center;cursor:pointer;transition:all .14s;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.employee-card:hover{border-color:var(--blue-500);background:var(--blue-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.employee-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px;margin:0 auto;box-shadow:0 4px 12px -4px currentColor}.employee-name{font-size:13px;font-weight:700;color:var(--ink-900)}.employee-role{font-size:11px;color:var(--ink-500);line-height:1.3}.employee-admin-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:var(--violet-600);background:var(--violet-50);border-radius:99px;padding:2px 7px}.login-back-btn{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink-500);background:none;border:none;cursor:pointer;margin-bottom:20px;padding:0;font-family:inherit;font-weight:600}.login-back-btn:hover{color:var(--ink-900)}.login-user-info{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:14px 16px;background:var(--surface-1);border-radius:var(--r-lg);border:1px solid var(--line)}.login-user-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;flex-shrink:0}.login-user-name{font-size:15px;font-weight:700;color:var(--ink-900)}.login-user-role{font-size:12px;color:var(--ink-500);margin-top:2px}.login-pin-label{font-size:13.5px;font-weight:650;color:var(--ink-600);text-align:center;margin:0 0 16px}.login-error{font-size:12.5px;color:var(--red-600);text-align:center;margin:10px 0 0;font-weight:650}.pin-dots{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);background:transparent;transition:all .12s}.pin-dot.filled{background:var(--blue-600);border-color:var(--blue-600);transform:scale(1.1)}.pin-dots.shake{animation:pinshake .5s ease}@keyframes pinshake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-4px)}90%{transform:translate(4px)}}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pin-key{height:58px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--card);font-size:20px;font-weight:600;color:var(--ink-900);cursor:pointer;transition:all .1s;font-family:var(--font)}.pin-key:hover{background:var(--blue-50);border-color:var(--blue-400);color:var(--blue-600)}.pin-key:active{transform:scale(.95)}.pin-key-back{font-size:16px;color:var(--ink-500)}.pin-key:disabled{opacity:.5;cursor:not-allowed}.emp-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--line)}.employee-avatar-sm{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.cmd-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background:#020b1c8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .12s ease}.cmd-modal{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(680px,94vw);z-index:9999;background:var(--card);border-radius:18px;box-shadow:0 32px 80px -8px #06162c80,0 0 0 1px #caced4;overflow:hidden;animation:cmdpop .18s cubic-bezier(.22,.8,.3,1);max-height:72vh;display:flex;flex-direction:column}@keyframes cmdpop{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.cmd-search-wrap{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.cmd-input{flex:1;border:none;outline:none;background:transparent;font-size:18px;font-weight:500;color:var(--ink-900);font-family:inherit}.cmd-input::placeholder{color:var(--ink-400)}.cmd-esc-badge{font-size:11px;font-family:var(--mono);background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--ink-500);white-space:nowrap;flex-shrink:0}.cmd-results{flex:1;overflow-y:auto;padding:8px}.cmd-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.cmd-group-label{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-400);padding:10px 12px 4px}.cmd-result-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);cursor:pointer;transition:background .08s}.cmd-result-item:hover,.cmd-result-item.active{background:var(--surface-1)}.cmd-result-item.active{background:var(--blue-50)}.cmd-result-item.active .cmd-result-icon{background:var(--blue-100);color:var(--blue-600)}.cmd-result-icon{width:34px;height:34px;border-radius:9px;background:var(--surface-2);color:var(--ink-500);display:grid;place-items:center;flex-shrink:0}.cmd-icon-orders{background:var(--blue-50);color:var(--blue-600)}.cmd-icon-vendors{background:var(--violet-50);color:var(--violet-600)}.cmd-icon-clients{background:var(--green-50);color:var(--green-600)}.cmd-icon-pos{background:var(--amber-50);color:var(--amber-600)}.cmd-icon-rfq{background:var(--teal-50);color:var(--teal-500)}.cmd-footer{display:flex;gap:16px;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface-1);font-size:11.5px;color:var(--ink-500)}.cmd-footer kbd{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-family:var(--mono);font-size:11px;margin-right:4px}.meetings-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;height:calc(100vh - 180px);min-height:500px}.notes-sidebar{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden;padding:14px}.notes-sidebar .search-box{margin-bottom:4px}.notes-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-400);font-size:13px;text-align:center;gap:6px;padding:24px}.note-card{padding:13px;border-radius:var(--r-md);cursor:pointer;border:1.5px solid transparent;margin-bottom:4px;transition:all .12s;background:transparent}.note-card:hover{background:var(--surface-1);border-color:var(--line)}.note-card.active{background:var(--blue-50);border-color:var(--blue-200, var(--blue-100))}.note-card-date{font-size:10.5px;font-weight:700;color:var(--ink-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.note-card-title{font-size:13.5px;font-weight:700;color:var(--ink-900);margin-bottom:4px}.note-card-preview{font-size:12px;color:var(--ink-500);line-height:1.45}.note-card-mentions{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.note-main{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden}.note-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink-400);text-align:center;padding:40px}.note-editor{flex:1;display:flex;flex-direction:column;overflow:hidden}.note-editor-top{display:flex;align-items:center;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--line)}.note-title-input{flex:1;border:none;outline:none;background:transparent;font-size:20px;font-weight:800;color:var(--ink-900);font-family:var(--font);letter-spacing:-.01em}.note-title-input::placeholder{color:var(--ink-300)}.note-date-input{font-size:12.5px}.note-mentions-bar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px 20px;background:var(--surface-1);border-bottom:1px solid var(--line)}.note-content-area{flex:1;width:100%;border:none;outline:none;resize:none;background:transparent;padding:18px 20px;font-size:14px;font-family:var(--font);color:var(--ink-700);line-height:1.75;min-height:300px}.note-content-area::placeholder{color:var(--ink-300)}.note-editor-actions{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface-1)}.mention-tag{display:inline-flex;align-items:center;gap:3px;border-radius:5px;padding:1px 7px;font-size:12.5px;font-weight:700}.mention-tag-client{background:var(--green-50);color:var(--green-600)}.mention-tag-vendor{background:var(--violet-50);color:var(--violet-600)}.mention-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px}.mention-chip-client{background:var(--green-50);color:var(--green-600)}.mention-chip-vendor{background:var(--violet-50);color:var(--violet-600)}.mention-picker{position:absolute;bottom:calc(100% + 4px);left:20px;width:300px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:pop .12s ease}.mention-picker-item{display:flex;align-items:center;gap:10px;padding:9px 13px;cursor:pointer;border-bottom:1px solid var(--line-soft)}.mention-picker-item:last-child{border-bottom:none}.mention-picker-item:hover{background:var(--surface-1)}.mention-picker-icon{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.mention-icon-client{background:var(--green-50);color:var(--green-600)}.mention-icon-vendor{background:var(--violet-50);color:var(--violet-600)}.pwd-filters{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.pwd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.pwd-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px 18px 14px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .15s,border-color .15s}.pwd-card:hover{box-shadow:var(--shadow-md);border-color:#d3d8de}.pwd-card-header{display:flex;align-items:flex-start;gap:12px}.pwd-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,var(--blue-50),var(--blue-100));display:grid;place-items:center;border:1px solid var(--blue-100)}.pwd-title{font-size:15px;font-weight:750;color:var(--ink-900);letter-spacing:-.01em}.pwd-url{font-size:11.5px;color:var(--blue-600);text-decoration:none;display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwd-url:hover{text-decoration:underline}.pwd-field label{font-size:10.5px;font-weight:700;color:var(--ink-400);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:4px}.pwd-value-row{display:flex;align-items:center;gap:6px}.pwd-val{flex:1;font-size:13px;color:var(--ink-700);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pwd-copy-btn{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-500);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:all .1s}.pwd-copy-btn:hover{background:var(--blue-50);color:var(--blue-600);border-color:var(--blue-200, var(--blue-100))}.pwd-notes{font-size:12.5px;color:var(--ink-500);background:var(--surface-1);border-radius:var(--r-md);padding:8px 11px;line-height:1.5}.pwd-card-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line-soft);padding-top:10px}.pwd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--ink-400);text-align:center}