:root{--navy-950: #0d1b2a;--navy-800: #1b3a4b;--mint-500: #2ec4a9;--mint-300: #9be8d8;--mint-700: #197d6d;--off-white: #f2f7f5;--white: #ffffff;--grey-600: #5b6a72;--grey-300: #cdd8d4;--danger: #b43c28;--amber: #b07d10;--radius: 10px;--shadow: 0 1px 3px rgba(13, 27, 42, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--off-white);color:var(--navy-950);font-size:16px;-webkit-font-smoothing:antialiased}#app{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}a{color:var(--mint-700)}.topbar{background:var(--navy-950);color:var(--white);padding:calc(env(safe-area-inset-top) + .7rem) 1rem .7rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar .brand{font-weight:700;font-size:1.05rem}.topbar .who{font-size:.8rem;color:var(--mint-300)}main.page{flex:1;width:100%;max-width:720px;margin:0 auto;padding:1rem 1rem calc(env(safe-area-inset-bottom) + 5.2rem)}.tabbar{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--grey-300);display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);z-index:20}.tabbar a{flex:1;text-align:center;padding:.55rem 0 .5rem;font-size:.72rem;color:var(--grey-600);text-decoration:none;line-height:1.15}.tabbar a .ico{display:block;width:22px;height:22px;margin:0 auto .15rem}.tabbar a.router-link-active{color:var(--mint-700);font-weight:600}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;margin-bottom:.8rem}.list-item{display:block;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:.85rem 1rem;margin-bottom:.6rem;text-decoration:none;color:inherit}.list-item .row1{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.list-item .no{font-weight:700}.list-item .meta{color:var(--grey-600);font-size:.85rem;margin-top:.15rem}.badge{font-size:.72rem;font-weight:700;border-radius:999px;padding:.18rem .6rem;white-space:nowrap}.badge.draft{background:#f6ecd4;color:var(--amber)}.badge.signed{background:var(--mint-300);color:var(--navy-950)}label.field{display:block;margin-bottom:.85rem;font-size:.85rem;font-weight:600;color:var(--navy-800)}label.field>span{display:block;margin-bottom:.3rem}input,select,textarea{width:100%;font:inherit;padding:.6rem .7rem;border:1px solid var(--grey-300);border-radius:8px;background:var(--white);color:var(--navy-950)}input:focus,select:focus,textarea:focus{outline:2px solid var(--mint-500);outline-offset:0;border-color:var(--mint-500)}textarea{min-height:110px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.grid3{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.45rem;align-items:center}button{font:inherit;border:none;border-radius:8px;cursor:pointer;padding:.65rem 1.1rem;font-weight:600}button:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--navy-950);color:var(--white);width:100%;padding:.8rem;font-size:1rem}.btn-accent{background:var(--mint-500);color:var(--navy-950);width:100%;padding:.8rem;font-size:1rem}.btn-ghost{background:transparent;color:var(--navy-800);border:1px solid var(--grey-300)}.btn-danger-ghost{background:transparent;color:var(--danger);border:1px solid var(--grey-300)}.btn-small{padding:.35rem .7rem;font-size:.85rem}.btn-row{display:flex;gap:.6rem;margin-top:.8rem}.btn-row>*{flex:1}.chips{display:flex;gap:.45rem;margin-bottom:.8rem;flex-wrap:wrap}.chips button{background:var(--white);border:1px solid var(--grey-300);color:var(--grey-600);border-radius:999px;padding:.35rem .9rem;font-size:.85rem}.chips button.active{background:var(--navy-950);border-color:var(--navy-950);color:var(--white)}.error{background:#f9e5e0;color:var(--danger);border-radius:8px;padding:.6rem .8rem;margin-bottom:.8rem;font-size:.9rem}.empty{text-align:center;color:var(--grey-600);padding:2.5rem 1rem}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.photos .ph{position:relative}.photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}.photos .del{position:absolute;top:4px;right:4px;background:#0d1b2abf;color:#fff;border-radius:6px;padding:.1rem .45rem;font-size:.8rem}.fab{position:fixed;right:1rem;bottom:calc(env(safe-area-inset-bottom) + 4.4rem);background:var(--mint-500);color:var(--navy-950);border-radius:999px;padding:.9rem 1.3rem;font-size:1rem;font-weight:700;box-shadow:0 4px 14px #0d1b2a40;z-index:15}dialog{border:none;border-radius:var(--radius);max-width:480px;width:calc(100vw - 2rem);padding:1.1rem;box-shadow:0 10px 40px #0d1b2a59}dialog::backdrop{background:#0d1b2a73}.sig-canvas{border:1px dashed var(--grey-300);border-radius:8px;width:100%;touch-action:none;background:var(--white)}.kv{display:grid;grid-template-columns:110px 1fr;gap:.25rem .8rem;font-size:.95rem}.kv dt{color:var(--grey-600)}.kv dd{margin:0;font-weight:600}@media(min-width:720px){.tabbar{max-width:720px;left:50%;transform:translate(-50%);border-radius:14px 14px 0 0;border:1px solid var(--grey-300);border-bottom:none}}