:root{--ink: #171c26;--muted: #667085;--line: #e7e5e1;--paper: #f6f4f1;--card: #fff;--accent: #1f4fd8;--side: #141820;color:var(--ink);background:var(--paper);font-family:Noto Sans JP,Yu Gothic UI,sans-serif;font-size:15px;line-height:1.6}body{margin:0}.app{display:grid;grid-template-columns:16.5rem 1fr;min-height:100vh}.side{display:flex;flex-direction:column;gap:.35rem;padding:1.6rem 1rem 1.2rem;background:radial-gradient(120% 80% at 0% 0%,rgba(31,79,216,.35),transparent 55%),var(--side);color:#fff}.side .mark,.login .mark{margin:0;color:#9eb0d4;letter-spacing:.22em;font-size:.72rem;font-weight:700}.side-title{margin:.15rem 0 0;font-size:1.15rem;font-weight:700}.domain{margin:.35rem 0 1.4rem;color:#b7c0d0;font-size:.78rem;word-break:break-all}.side nav{display:grid;gap:.3rem}.side button{background:transparent;color:#e8edf5;text-align:left;border-radius:12px;box-shadow:none}.side button.active{background:#fff;color:#141820;box-shadow:none}.side button:hover{background:#ffffff14;transform:none}.logout{margin-top:auto;color:#c5cedb!important}.main,.sheet{width:min(46rem,calc(100% - 2.4rem))}.main{padding:1.8rem 0 3rem 1.4rem}.sheet{margin:0 auto;padding:4.5rem 0 3rem}.login{display:grid;place-items:center;min-height:100vh;box-sizing:border-box;padding:2rem 0;background:radial-gradient(50rem 24rem at 50% -8rem,rgba(31,79,216,.16),transparent 70%),var(--paper)}.login-card{width:min(22rem,100%);margin:0}.cobp-logo{display:grid;justify-items:center;gap:.75rem;margin:.2rem 0 .6rem}.cobp-logo svg{width:4.2rem;height:4.2rem}.cobp-logo span{color:var(--ink);letter-spacing:.32em;font-size:1.2rem;font-weight:700}h1,h2{margin:0;letter-spacing:-.02em}h1{font-size:1.55rem}.lead,.note,small,.row-card p{color:var(--muted)}.lead{margin:.35rem 0 1.2rem}.note,small{display:block;margin:.25rem 0 .2rem;font-size:.82rem;font-weight:400}.card{display:grid;gap:.95rem;margin:0 0 1rem;padding:1.35rem;background:var(--card);border:1px solid rgba(23,28,38,.06);border-radius:22px;box-shadow:0 16px 40px #1418200d}label{display:grid;gap:.4rem;font-size:.82rem;font-weight:700;letter-spacing:.02em}input,textarea{width:100%;box-sizing:border-box;padding:.78rem .85rem;border:1px solid var(--line);border-radius:12px;background:#fcfcfb;color:var(--ink);font:inherit;font-weight:400;transition:border-color .15s ease,box-shadow .15s ease}input{min-height:2.9rem}input:focus,textarea:focus{outline:none;border-color:#8eaaef;background:#fff;box-shadow:0 0 0 4px #1f4fd81f}button{min-height:2.75rem;border:0;border-radius:12px;padding:.55rem 1rem;background:var(--ink);color:#fff;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #171c261f;transition:transform .15s ease,background .15s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.4;cursor:default;transform:none;box-shadow:none}.ghost,.danger{background:#f3f1ee;color:var(--ink);box-shadow:none}.danger{color:#9f1239;background:#fdecef}.split{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.row,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.row{justify-content:space-between}.list{display:grid;gap:.75rem}.row-card{display:grid;grid-template-columns:5.2rem 1fr auto;gap:.9rem;align-items:center;padding:.75rem;background:#faf9f7;border-radius:16px}.row-card strong{display:block;font-size:.98rem}.row-card p{display:-webkit-box;margin:.15rem 0 .35rem;overflow:hidden;font-size:.82rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.badge{display:inline-flex;align-items:center;padding:.1rem .55rem;border-radius:999px;background:#eceae6;color:#667085;font-size:.72rem;font-weight:700}.badge.on{background:#e7f6ee;color:#0f7b4c}.thumb,.photo{border-radius:14px;overflow:hidden;background:#eceae6;color:var(--muted);font-weight:500}.thumb{height:5.2rem}.photo{position:relative;height:12rem;border:1px dashed #d5d1cb;cursor:pointer}.photo:hover{border-color:#8eaaef}.thumb span,.photo span{display:grid;place-items:center;height:100%;font-size:.78rem}.thumb img,.photo img{width:100%;height:100%;object-fit:cover}.photo input{position:absolute;inset:0;opacity:0;cursor:pointer}.check{display:flex;align-items:center;gap:.5rem;font-weight:500}.check input{width:1.05rem;min-height:0;accent-color:var(--accent)}.alert,.ok,.empty{margin:0 0 .8rem}.alert{color:#9f1239}.ok{color:#0f7b4c;font-weight:700}@media(max-width:720px){.app{grid-template-columns:1fr}.side{padding-bottom:1rem}.side nav{grid-template-columns:1fr 1fr}.logout{margin-top:.7rem}.domain{margin-bottom:.8rem}.main,.sheet{width:min(46rem,calc(100% - 1.5rem))}.main{padding:1rem 0 2rem;margin:0 auto}.split,.row-card{grid-template-columns:1fr}.thumb{height:8rem}}