@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ppf-root{--ink:#0f172a;--ink-2:#1e293b;--paper:#f5f7fb;--card:#ffffff;--teal:#0d9488;--teal-2:#0f766e;--teal-soft:#e6f6f4;--amber:#f59e0b;--amber-soft:#fef3e2;--slate:#64748b;--slate-2:#94a3b8;--heading:#0f172a;--red:#e11d48;--red-soft:#fee2e6;--green:#16a34a;--green-soft:#e7f6ec;--line:#e8ecf3;--ring:0 0 0 3px rgba(13,148,136,.18);--sh-sm:0 1px 2px rgba(16,24,40,.06);--sh:0 4px 16px -6px rgba(16,24,40,.12),0 2px 4px -2px rgba(16,24,40,.06);--sh-lg:0 20px 48px -16px rgba(16,24,40,.28);display:flex;min-height:100vh;background:var(--paper);font-family:Inter,system-ui,sans-serif;color:#0f172a;font-size:14px;line-height:1.5}.ppf-loading{align-items:center;justify-content:center;color:var(--slate);width:100%;letter-spacing:.02em}button{font-family:inherit}.ppf-login-wrap{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 15% 0%,#134e4a,#0f172a 55%,#0b1220);font-family:Inter,sans-serif;padding:20px}.ppf-login-card{background:var(--card);border-radius:18px;padding:38px 34px;width:370px;max-width:100%;box-shadow:var(--sh-lg);border:1px solid rgba(255,255,255,.5)}.ppf-login-card h1{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;color:var(--heading)}.ppf-login-card p{color:var(--slate);font-size:13.5px;margin:0 0 22px}.ppf-login-card .ppf-toast{margin-top:16px}.ppf-login-error{color:var(--red);font-size:12.5px;margin-top:10px}.ppf-btn-microsoft{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:.16s}.ppf-btn-microsoft:hover{background:#f8fafc;border-color:#d7d125;box-shadow:var(--sh-sm);transform:translateY(-1px)}.ppf-login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--slate-2);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.ppf-login-divider:before,.ppf-login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.ppf-sidebar{width:236px;background:linear-gradient(180deg,#111c2e,#0f172a);color:#e2e8f0;display:flex;flex-direction:column;padding:20px 14px;flex-shrink:0;border-right:1px solid rgba(255,255,255,.05)}.ppf-brand{display:flex;align-items:center;gap:11px;padding:2px 6px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}.ppf-brand-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px;flex-shrink:0;box-shadow:0 6px 16px -6px #0d948899}.ppf-brand-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.01em;line-height:1.2;color:#fff}.ppf-brand-sub{font-size:11.5px;color:#8ea3b0}.ppf-nav{display:flex;flex-direction:column;gap:3px;flex:1}.ppf-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;background:none;border:none;color:#a9bccb;font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;transition:.14s;position:relative}.ppf-nav-item:hover{background:#ffffff0f;color:#fff}.ppf-nav-item.active{background:linear-gradient(90deg,#14b8a638,#14b8a614);color:#fff}.ppf-nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:#2dd4bf}.ppf-sidebar-foot{font-size:11.5px;color:#8ea3b0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.ppf-signout{background:none;border:none;color:#a9bccb;font-size:11.5px;cursor:pointer;text-decoration:none;font-weight:500}.ppf-signout:hover{color:#fff;text-decoration:underline}.ppf-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 3px #16a34a2e}.ppf-dot.saving{background:var(--amber);box-shadow:0 0 0 3px #f59e0b2e}.ppf-dot.error{background:var(--red);box-shadow:0 0 0 3px #e11d482e}.ppf-main{flex:1;padding:30px 36px;overflow-y:auto}.ppf-page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;flex-wrap:wrap;gap:12px}.ppf-page-head h1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:27px;letter-spacing:-.025em;margin:0;color:var(--heading)}.ppf-page-head p{color:var(--slate);font-size:14px;margin:4px 0 0}.ppf-muted{color:var(--slate);font-size:12.5px}.ppf-note-card{display:flex;gap:12px;align-items:flex-start;background:var(--amber-soft);border:1px solid #f6dcae;border-left:4px solid var(--amber);color:#a16207;margin-bottom:18px;border-radius:12px;padding:14px 16px}.ppf-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.ppf-kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--sh-sm);position:relative;overflow:hidden;transition:.18s}.ppf-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--slate-2)}.ppf-kpi:hover{box-shadow:var(--sh);transform:translateY(-2px)}.ppf-tint-teal:before{background:var(--teal)}.ppf-tint-teal{color:var(--teal)}.ppf-tint-amber:before{background:var(--amber)}.ppf-tint-amber{color:#b45309}.ppf-tint-green:before{background:var(--green)}.ppf-tint-green{color:var(--green)}.ppf-tint-red:before{background:var(--red)}.ppf-tint-red{color:var(--red)}.ppf-tint-slate:before{background:var(--slate)}.ppf-tint-slate{color:var(--slate)}.ppf-kpi-value{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:600;color:var(--heading);margin-top:10px;letter-spacing:-.02em}.ppf-kpi-label{font-size:12px;color:var(--slate);margin-top:3px;font-weight:500}.ppf-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ppf-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--sh-sm)}.ppf-card-title{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 14px;color:var(--heading)}.ppf-card-title-row{display:flex;justify-content:space-between;align-items:center}.ppf-link-btn{border:none;background:none;color:var(--teal);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:0;transition:.14s}.ppf-link-btn:hover{color:var(--teal-2);gap:6px}.ppf-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.ppf-row:first-of-type{border-top:none}.ppf-row-main{display:flex;align-items:center;gap:11px}.ppf-row-title{font-weight:600;font-size:13.5px}.ppf-row-sub{font-size:12px;color:var(--slate)}.ppf-row-date{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--slate)}.ppf-mono-tag{font-family:JetBrains Mono,monospace;font-size:11px;background:#f1f5f9;border:1px solid var(--line);padding:3px 7px;border-radius:6px;color:var(--slate);display:inline-block;font-weight:500}.ppf-mono-tag.small{font-size:10px;margin-bottom:6px}.ppf-empty{color:var(--slate-2);font-size:13px;padding:22px 4px;text-align:center}.ppf-empty.small{padding:16px 4px;font-size:11.5px}.ppf-search-bar{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:11px 14px;margin-bottom:16px;color:var(--slate);box-shadow:var(--sh-sm);transition:.16s}.ppf-search-bar:focus-within{border-color:var(--teal);box-shadow:var(--ring)}.ppf-search-bar input{border:none;outline:none;font-size:14px;flex:1;font-family:inherit;background:transparent;color:var(--ink)}.ppf-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.ppf-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--slate-2);padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600}.ppf-table td{padding:13px 16px;border-bottom:1px solid var(--line)}.ppf-table tbody tr{transition:.12s}.ppf-table tbody tr:hover{background:#f8fafc}.ppf-strong{font-weight:600}.ppf-pill{background:var(--teal-soft);color:var(--teal-2);font-size:11px;padding:4px 10px;border-radius:20px;font-weight:600;letter-spacing:.01em}.ppf-pill.teal{background:var(--teal-soft);color:var(--teal-2)}.ppf-icon-btn{border:none;background:none;color:var(--slate-2);cursor:pointer;padding:6px;border-radius:8px;transition:.14s}.ppf-icon-btn:hover{background:var(--red-soft);color:var(--red)}.ppf-btn-primary{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;border:none;font-weight:600;font-size:13.5px;padding:10px 16px;border-radius:10px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;box-shadow:0 6px 16px -8px #0d9488b3;transition:.16s}.ppf-btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 22px -8px #0d9488bf}.ppf-btn-primary:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.ppf-kanban{display:flex;gap:14px;align-items:start;overflow-x:auto;padding-bottom:10px}.ppf-kanban-col{background:#eef2f7;border:1px solid var(--line);border-radius:14px;padding:12px;min-height:130px;width:200px;flex-shrink:0}.ppf-kanban-head{display:flex;justify-content:space-between;align-items:center;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--slate);padding:4px 6px 2px}.ppf-kanban-count{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1px 8px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink)}.ppf-kanban-value{font-size:11px;color:var(--slate-2);padding:0 6px 8px;font-family:JetBrains Mono,monospace}.ppf-kanban-body{display:flex;flex-direction:column;gap:10px}.ppf-docket{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 13px 10px;position:relative;box-shadow:var(--sh-sm);transition:.16s}.ppf-docket:hover{box-shadow:var(--sh);transform:translateY(-2px)}.ppf-stamp{position:absolute;top:10px;right:10px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;border:1px solid currentColor;border-radius:6px;padding:2px 6px;letter-spacing:.04em;color:var(--teal);background:var(--teal-soft)}.ppf-docket-title{font-weight:600;font-size:13px;margin-top:2px;padding-right:44px}.ppf-docket-sub{font-size:11.5px;color:var(--slate);margin-top:3px}.ppf-docket-tear{border-top:1px dashed #dbe2ea;margin:10px 0 8px}.ppf-docket-foot{display:flex;justify-content:flex-end;font-size:12px}.ppf-docket-value{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--ink)}.ppf-docket-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:9px}.ppf-docket-actions button{border:1px solid var(--line);background:#f8fafc;border-radius:8px;width:26px;height:26px;cursor:pointer;font-size:12px;transition:.14s}.ppf-docket-actions button:hover{background:#fff;border-color:var(--teal);color:var(--teal)}.ppf-docket-actions button:disabled{opacity:.35;cursor:default}.ppf-stack{display:flex;flex-direction:column;gap:14px}.ppf-quote-pad{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:var(--sh-sm);border-top:3px solid var(--teal)}.ppf-quote-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ppf-mini-table{width:100%;border-collapse:collapse;font-size:12.5px}.ppf-mini-table th{text-align:left;color:var(--slate-2);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;padding:7px 0;border-bottom:1px solid var(--line);font-weight:600}.ppf-mini-table td{padding:9px 0;border-bottom:1px solid #f1f5f9}.ppf-quote-total{text-align:right;font-family:JetBrains Mono,monospace;font-weight:600;margin-top:12px;font-size:15px}.ppf-quote-total span{color:var(--teal);margin-left:8px}.ppf-status-select{border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;font-family:inherit;background:#fff;color:var(--ink);cursor:pointer;transition:.14s}.ppf-status-select:hover{border-color:var(--teal)}.ppf-ticket{display:flex;align-items:center;gap:14px}.ppf-priority-flag{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:4px 10px;border-radius:7px}.pr-low{background:#eef2f7;color:var(--slate)}.pr-medium{background:var(--amber-soft);color:#b45309}.pr-high{background:var(--red-soft);color:var(--red)}.pr-urgent{background:var(--red);color:#fff}.ppf-form{display:flex;flex-direction:column;gap:14px}.ppf-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;color:var(--slate)}.ppf-form input,.ppf-form select{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff;transition:.14s}.ppf-form input:focus,.ppf-form select:focus{outline:none;border-color:var(--teal);box-shadow:var(--ring)}.ppf-toast{margin-top:12px;background:var(--green-soft);color:#15803d;padding:10px 13px;border-radius:10px;font-size:12.5px;display:flex;align-items:center;gap:8px;font-weight:600;border:1px solid #c7ecd3}.ppf-line-items{display:flex;flex-direction:column;gap:7px}.ppf-line-item{display:grid;grid-template-columns:1fr 60px 80px;gap:7px}.ppf-line-item input{border:1px solid var(--line);border-radius:9px;padding:8px 9px;font-size:12.5px;transition:.14s}.ppf-line-item input:focus{outline:none;border-color:var(--teal);box-shadow:var(--ring)}.ppf-suggestion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ppf-suggestion{border-top:3px solid var(--teal)}.ppf-suggestion-icon{color:var(--teal)}.ppf-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.ppf-modal{background:#fff;border-radius:18px;padding:24px;width:440px;max-width:100%;max-height:84vh;overflow-y:auto;box-shadow:var(--sh-lg)}.ppf-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ppf-modal-head h3{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.01em;font-size:19px;margin:0;color:var(--heading)}@media (max-width:900px){.ppf-root{flex-direction:column}.ppf-sidebar{width:100%;flex-direction:row;align-items:center;padding:12px 14px;overflow-x:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.ppf-brand{border-bottom:none;padding:0;margin:0 16px 0 0}.ppf-nav{flex-direction:row}.ppf-sidebar-foot{display:none}.ppf-main{padding:20px 16px}.ppf-kpi-row{grid-template-columns:repeat(2,1fr)}.ppf-grid-2,.ppf-suggestion-grid{grid-template-columns:1fr}}