:root{--bg:#eef5f3;--panel:#ffffff;--ink:#12312c;--muted:#5d736e;--line:#d7e3df;--brand:#0f766e;--brand-dark:#0b5a54;--brand-soft:#e7f4f2;--accent:#c9a227;--danger:#b42318;--shadow:0 12px 32px rgba(18,49,44,0.08);--radius:16px;--sidebar:268px;--font:"Segoe UI","Avenir Next","Helvetica Neue",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--font);color:var(--ink);background:radial-gradient(circle at top right,rgba(15,118,110,.12),transparent 40%),linear-gradient(180deg,#eef5f3 0,var(--bg) 40%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{background:radial-gradient(circle at top left,rgba(255,255,255,.14),transparent 45%),linear-gradient(180deg,#0f766e,#0a4a45);color:#f5fffd;padding:1.35rem 1rem 1.1rem;display:flex;flex-direction:column;gap:1.1rem;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:.75rem;padding:.35rem .45rem}.brand-mark{width:2.4rem;height:2.4rem;border-radius:12px;display:grid;place-items:center;font-weight:800;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.brand strong{display:block;font-size:1.05rem;letter-spacing:.01em}.brand small{display:block;opacity:.78;font-size:.78rem;margin-top:.1rem}.nav-label{padding:0 .75rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:700}.nav{flex-direction:column;gap:.3rem}.nav,.nav a{display:flex}.nav a{align-items:center;gap:.7rem;padding:.72rem .8rem;border-radius:12px;color:rgba(255,255,255,.86);transition:background .15s ease,transform .15s ease,color .15s ease}.nav-icon{width:1.85rem;height:1.85rem;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08);flex:0 0 auto}.nav a:hover{background:rgba(255,255,255,.1);color:#fff}.nav a.active{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.nav a.active .nav-icon{background:rgba(255,255,255,.2)}.sidebar-footer{margin-top:auto;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-gap:.75rem;gap:.75rem}.user-chip{display:flex;align-items:center;gap:.7rem;padding:.55rem .45rem}.user-avatar{width:2.2rem;height:2.2rem;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.16);font-weight:700}.user-name{font-weight:650;font-size:.92rem}.user-role{font-size:.78rem;color:rgba(255,255,255,.7);text-transform:capitalize}.logout-btn{width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;gap:.45rem}.logout-btn:hover{background:rgba(255,255,255,.18)}.main{display:flex;flex-direction:column;min-width:0}.topbar{justify-content:space-between;padding:1rem 1.6rem;border-bottom:1px solid rgba(215,227,223,.9);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar,.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar-left{min-width:0}.icon-btn{width:2.6rem;height:2.6rem;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);display:inline-grid;place-items:center;cursor:pointer;flex:0 0 auto;padding:0;transition:background .15s ease,border-color .15s ease,transform .15s ease}.icon-btn:hover{background:var(--brand-soft);border-color:#cfe4df}.icon-btn:active{transform:scale(.97)}.menu-toggle{display:none}.sidebar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-top .brand{flex:1 1;min-width:0;border-bottom:0;padding:.35rem .45rem 0}.sidebar-close{display:none;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff}.sidebar-close:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.28)}.nav-backdrop{display:none}.topbar-kicker{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.topbar-title{display:block;margin-top:.15rem;font-size:1.05rem}.topbar-meta{color:var(--muted);font-size:.9rem;background:var(--brand-soft);border:1px solid #cfe4df;padding:.45rem .75rem;border-radius:999px}.content{padding:1.5rem 1.6rem 2rem}.page-hero{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem}.page-title{margin:0 0 .35rem;font-size:1.7rem;letter-spacing:-.02em}.page-lead{margin:0;color:var(--muted);word-break:break-word}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid rgba(215,227,223,.95);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem 1.2rem}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;inset:auto -20% -40% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(15,118,110,.12),transparent 70%);pointer-events:none}.stat-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.stat-card h3{margin:0;font-size:.86rem;color:var(--muted);font-weight:650}.stat-icon{width:2.1rem;height:2.1rem;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-dark)}.stat-card strong{display:block;margin-top:.7rem;font-size:2rem;letter-spacing:-.03em}.stat-hint{margin:.35rem 0 0;color:var(--muted);font-size:.8rem}.pipeline-card{margin-top:1rem}.pipeline-head h2{margin:0}.pipeline-head p{margin:.25rem 0 0}.pipeline-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-top:1rem}.pipeline-item{background:linear-gradient(180deg,#f8fbfa,#f1f7f5);border:1px solid var(--line);border-radius:14px;padding:.85rem .75rem}.pipeline-item strong{display:block;margin-top:.55rem;font-size:1.35rem}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.75rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.badge{padding:.22rem .6rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:.76rem;font-weight:700;text-transform:capitalize;border:1px solid #cfe4df}.badge,.btn{display:inline-flex;align-items:center}.btn{justify-content:center;gap:.4rem;border:0;border-radius:10px;padding:.65rem 1rem;cursor:pointer;background:var(--brand);color:#fff;font-weight:600}.btn:hover{background:var(--brand-dark)}.btn.secondary{background:#e8efed;color:var(--ink)}.btn.ghost{background:transparent;color:var(--brand-dark);border:1px solid var(--line)}.btn:disabled{opacity:.6;cursor:not-allowed}.form{display:grid;grid-gap:.85rem;gap:.85rem}.form.two{grid-template-columns:1fr 1fr}.field{display:grid;grid-gap:.35rem;gap:.35rem}.field.full{grid-column:1/-1}.field label{font-size:.85rem;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;background:#fff}.field textarea{min-height:110px;resize:vertical}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.split-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-gap:1rem;gap:1rem;align-items:start}.split-layout--wide-main{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr)}.action-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.action-row--end{justify-content:flex-end}.action-row .btn{width:auto}.mobile-only{display:none}.desktop-only{display:block}.record-list{display:grid;grid-gap:.75rem;gap:.75rem}.record-card{display:grid;grid-gap:.55rem;gap:.55rem;padding:.95rem 1rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbfa)}.record-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.record-card__title{margin:0;font-size:1rem;line-height:1.3;word-break:break-word}.record-card__title a{color:var(--brand-dark)}.record-card__meta{color:var(--muted);font-size:.86rem;word-break:break-word}.record-card__rows{display:grid;grid-gap:.35rem;gap:.35rem}.record-card__row{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;font-size:.9rem}.record-card__row span:first-child{color:var(--muted);font-weight:600;flex:0 0 auto}.record-card__row span:last-child{text-align:right;word-break:break-word}.record-card__actions{display:grid;grid-gap:.45rem;gap:.45rem;margin-top:.15rem}.record-card select,.record-card__actions .btn{width:100%}.record-card input,.record-card select,.record-card textarea{border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem;background:#fff;font:inherit;min-height:2.6rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.4rem .65rem;color:var(--muted)}.detail-meta span{word-break:break-word}.kv-list{display:grid;grid-gap:.65rem;gap:.65rem}.kv-item{display:grid;grid-gap:.2rem;gap:.2rem}.kv-item strong{font-size:.82rem;color:var(--muted);font-weight:700}.empty-state{padding:1rem .25rem;color:var(--muted);text-align:center}code{word-break:break-all}.error{color:var(--danger);background:#fff1f0;border:1px solid #f2c7c3;border-radius:10px;padding:.7rem .9rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:2rem}.login-card h1{margin:0 0 .35rem}.login-card p{margin:0 0 1.25rem}.login-card p,.muted{color:var(--muted)}.stack{display:grid;grid-gap:.85rem;gap:.85rem}.note-item{border-left:3px solid var(--brand);padding:.55rem .8rem;background:#f7fbfa;border-radius:0 10px 10px 0}.dtp{position:relative}.dtp-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;background:#fff;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .15s ease,box-shadow .15s ease}.dtp-trigger.is-open,.dtp-trigger:hover{border-color:var(--brand);box-shadow:0 0 0 3px rgba(15,118,110,.12)}.dtp-trigger.is-empty{color:var(--muted)}.dtp-icons{display:inline-flex;align-items:center;gap:.45rem;color:var(--brand)}.dtp-clear{width:1.35rem;height:1.35rem;display:inline-grid;place-items:center;border-radius:999px;background:#e8efed;color:var(--ink);font-size:1rem;line-height:1}.dtp-clear:hover{background:#d7e3df}.dtp-required{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.dtp-popover{position:absolute;z-index:40;top:calc(100% + .45rem);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px rgba(18,49,44,.14);padding:.9rem;animation:dtp-in .16s ease}@keyframes dtp-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dtp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.dtp-month{font-weight:700;color:var(--ink)}.dtp-nav{width:2rem;height:2rem;border:0;border-radius:8px;background:#e8efed;color:var(--ink);cursor:pointer;font-size:1.2rem;line-height:1}.dtp-nav:hover{background:#d5e4e0}.dtp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.2rem;gap:.2rem;margin-bottom:.35rem;color:var(--muted);font-size:.72rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.dtp-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.25rem;gap:.25rem}.dtp-day{aspect-ratio:1;border:0;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer;font-weight:600}.dtp-day:hover{background:#e7f4f2}.dtp-day.is-muted{color:#9aaca7;font-weight:500}.dtp-day.is-today{box-shadow:inset 0 0 0 1.5px rgba(15,118,110,.45)}.dtp-day.is-selected{background:var(--brand);color:#fff;box-shadow:none}.dtp-day.is-selected:hover{background:var(--brand-dark)}.dtp-time{display:grid;grid-template-columns:1fr 1fr auto;grid-gap:.55rem;gap:.55rem;align-items:end;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--line)}.dtp-time label{display:grid;grid-gap:.3rem;gap:.3rem;font-size:.78rem;color:var(--muted);font-weight:600}.dtp-time select{border:1px solid var(--line);border-radius:8px;padding:.55rem .6rem;background:#fff}.dtp-done{height:2.4rem;padding-inline:.9rem}@media (max-width:1100px){.grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:960px){.app-shell{grid-template-columns:1fr}.menu-toggle,.sidebar-close{display:inline-grid}.nav-backdrop{display:block;position:fixed;inset:0;z-index:40;border:0;padding:0;margin:0;background:rgba(10,32,30,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .28s ease}.app-shell.is-nav-open .nav-backdrop{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;z-index:50;width:min(86vw,300px);max-width:300px;height:100vh;height:100dvh;padding:calc(1rem + env(safe-area-inset-top, 0px)) 1rem calc(1.1rem + env(safe-area-inset-bottom, 0px));transform:translateX(-105%);transition:transform .3s cubic-bezier(.22,1,.36,1);box-shadow:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar.is-open{transform:translateX(0);box-shadow:16px 0 48px rgba(10,32,30,.28)}.nav a{min-height:2.9rem;font-size:1rem}.topbar{padding:calc(.75rem + env(safe-area-inset-top, 0px)) .9rem .75rem;gap:.65rem}.topbar-meta{display:none}.topbar-title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(58vw,14rem)}.content{padding:1rem .9rem calc(1.75rem + env(safe-area-inset-bottom, 0px))}.page-hero{flex-direction:column;align-items:stretch;gap:.85rem}.page-hero>*{width:100%}.page-title{font-size:1.4rem}.toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.page-hero .btn,.toolbar .btn{width:100%}.grid.stats{grid-template-columns:1fr 1fr;gap:.75rem}.stat-card strong{font-size:1.55rem}.pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form.two,.split-layout,.split-layout--wide-main{grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only{display:grid}.card{padding:1rem;border-radius:14px}.table-wrap{margin-inline:0;overflow:visible}.table-wrap.desktop-only{display:none!important}.btn{min-height:2.75rem;padding:.7rem 1rem}.action-row{display:grid;grid-template-columns:1fr}.action-row .btn,.page-hero .btn,.split-layout .form .btn,.toolbar .btn{width:100%}.detail-meta{flex-direction:column;gap:.25rem}.dtp-trigger,.field input,.field select,.field textarea{min-height:2.75rem;font-size:16px}.login-page{align-items:start;padding:max(1.5rem,env(safe-area-inset-top,0px)) 1rem 1rem}.login-card{padding:1.35rem 1.15rem;border-radius:16px}.dtp-popover{left:0;right:0;width:auto;min-width:0}}@media (max-width:640px){.grid.stats,.pipeline-grid{grid-template-columns:1fr}.stat-card{display:flex;flex-direction:column}.pipeline-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.pipeline-item strong{margin-top:0}.card+.card{margin-top:.15rem}.record-card__row{flex-direction:column;align-items:stretch;gap:.15rem}.record-card__row span:last-child{text-align:left}}@media (prefers-reduced-motion:reduce){.icon-btn,.nav a,.nav-backdrop,.sidebar{transition:none!important}}