:root{--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--faint: #94a3b8;--line: #e2e8f0;--line-2: #cbd5e1;--bg: #eef2f6;--surface: #ffffff;--surface-2: #f8fafc;--accent: #1d4ed8;--accent-strong: #1e40af;--accent-weak: #eff4ff;--danger: #dc2626;--danger-weak: #fef2f2;--sidebar: #0f172a;--sidebar-2: #1e293b;--sidebar-fg: #cbd5e1;--sidebar-muted: #64748b;--radius: 8px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--ui: -apple-system, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "Roboto Mono", monospace;font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}body:not(.env-prd):after{content:attr(data-env);position:fixed;right:12px;bottom:12px;z-index:9999;padding:5px 12px;border-radius:999px;font:600 12px / 1 var(--mono);letter-spacing:.08em;color:#7c2d12;background:#fde68a;border:1px solid #f59e0b;box-shadow:var(--shadow);pointer-events:none}.meta,.badge,.recipients td,.progress span,code,.mono{font-family:var(--mono)}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;background:var(--sidebar);color:var(--sidebar-fg);display:flex;flex-direction:column;padding:1rem .75rem;gap:.25rem}.sb-brand{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem 1rem;text-decoration:none;color:#fff}.sb-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--accent);color:#fff;font-family:var(--mono);font-weight:700;font-size:.8rem;letter-spacing:-.02em}.sb-name{font-weight:700;font-size:1.05rem;letter-spacing:-.02em}.sb-nav{display:flex;flex-direction:column;gap:.15rem}.sb-link{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--sidebar-fg);font-size:.92rem;font-weight:500;white-space:nowrap;transition:background .12s,color .12s}.sb-ico{width:18px;height:18px;flex:none}.sb-link:hover,.sb-link.router-link-active,.sb-link.router-link-exact-active{background:var(--sidebar-2);color:#fff}.sb-cta{margin-top:.4rem;background:var(--accent);color:#fff;justify-content:center;font-weight:600}.sb-cta:hover{background:#2563eb;color:#fff}.sb-cta.router-link-active{background:var(--accent);color:#fff}.sb-foot{margin-top:auto;padding-top:1rem}.sb-user{display:flex;align-items:center;gap:.55rem;padding:.5rem;border-top:1px solid var(--sidebar-2)}.sb-avatar{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--sidebar-2);color:#fff;font-size:.8rem;font-weight:600;text-transform:uppercase}.sb-email{font-size:.78rem;color:var(--sidebar-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-logout{width:100%;margin-top:.4rem;background:transparent;color:var(--sidebar-muted);text-align:left;padding:.4rem .5rem;font-size:.82rem}.sb-logout:hover{color:#fff;background:var(--sidebar-2)}.main-wrap{min-width:0}.public-shell{min-height:100vh;display:flex;flex-direction:column}.public-top{display:flex;align-items:center;padding:.9rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--line)}.public-top .brand{font-weight:700;font-size:1.05rem;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.container{max-width:880px;margin:0 auto;padding:2rem 2rem 4rem}.container.narrow{max-width:520px;padding-top:3rem}.container.wide{max-width:1200px}.card-narrow{max-width:600px}h1{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1.25rem}h3{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:1.4rem 0 .5rem}.head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.head h1{margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;display:flex;flex-direction:column;gap:.65rem}.center{text-align:center;align-items:center;gap:1rem}.center h1{margin-bottom:.25rem}label{font-weight:600;font-size:.82rem;color:var(--ink-2);margin-top:.5rem}input,textarea{width:100%;padding:.55rem .65rem;border:1px solid var(--line-2);border-radius:var(--radius-sm);font:inherit;color:var(--ink);background:var(--surface);transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}input[type=number]{font-family:var(--mono)}input[inputmode=numeric]{font-family:var(--mono);font-size:1.4rem;letter-spacing:.5em;text-align:center}.inline{display:flex;gap:1rem}.inline>div{flex:1}button,.btn{cursor:pointer;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:.55rem 1rem;font:inherit;font-weight:600;font-size:.9rem;background:var(--surface);color:var(--ink-2);white-space:nowrap;transition:background .12s,border-color .12s,color .12s}button:hover,.btn:hover{background:var(--surface-2);border-color:var(--faint)}button.primary,.primary.btn{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover,.primary.btn:hover{background:var(--accent-strong);border-color:var(--accent-strong)}button.danger{background:var(--surface);border-color:var(--line-2);color:var(--danger)}button.danger:hover{background:var(--danger-weak);border-color:var(--danger)}button.link{background:none;border:none;color:var(--accent);padding:0;font-weight:600}button.link:hover{background:none;text-decoration:underline}button:disabled{opacity:.55;cursor:default}.btn{display:inline-block;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.row{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1.1rem;text-decoration:none;color:var(--ink);transition:border-color .12s,transform .06s}.row:hover{border-color:var(--line-2);border-left-color:var(--accent)}.row:active{transform:translateY(1px)}.row>div:first-child{min-width:0}.files{font-weight:600;font-size:.95rem;overflow-wrap:anywhere}.meta{color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}.right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex:none}.muted{color:var(--muted)}.error{color:var(--danger);background:var(--danger-weak);border:1px solid #fecaca;border-radius:var(--radius-sm);padding:.6rem .75rem;font-size:.88rem}.filelist{list-style:none;margin:.4rem 0;padding:0;display:flex;flex-direction:column;gap:.15rem;max-width:720px}.filelist li{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.15rem 0}.filelist .fname,.filelist a{overflow-wrap:anywhere;min-width:0}.filelist .muted{flex:none;white-space:nowrap}.badge{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.02em;padding:.2rem .6rem;border-radius:999px;background:#f1f5f9;color:var(--muted);border:1px solid transparent}.badge[data-status=available]{background:#dcfce7;color:#166534;border-color:#bbf7d0}.badge[data-status=expired]{background:#fee2e2;color:#991b1b;border-color:#fecaca}.badge[data-status=revoked]{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.badge[data-status=pending]{background:#fef9c3;color:#854d0e;border-color:#fde68a}.progress{position:relative;background:var(--line);border-radius:999px;height:24px;overflow:hidden}.progress .bar{background:var(--accent);height:100%;border-radius:999px;transition:width .2s}.progress span{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:.78rem;font-weight:600;line-height:24px;color:var(--ink-2)}.table-wrap{overflow-x:auto}.recipients{width:100%;border-collapse:collapse;font-size:.86rem;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.recipients thead{background:var(--surface-2)}.recipients th{text-align:left;padding:.55rem .7rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);font-family:var(--ui);white-space:nowrap}.recipients td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--line);color:var(--ink-2);white-space:nowrap}.recipients tbody tr:last-child td{border-bottom:none}.recipients tbody tr:hover{background:var(--surface-2)}.recipients .share{display:flex;gap:.4rem;white-space:nowrap;font-family:var(--ui)}.btn-sm{display:inline-flex;align-items:center;padding:.3rem .6rem;font-size:.8rem;font-weight:600;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-2);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.btn-sm:hover{background:var(--surface-2);border-color:var(--faint)}.btn-sm.danger{color:var(--danger)}.btn-sm.danger:hover{background:var(--danger-weak);border-color:var(--danger)}code{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:.05rem .35rem;font-size:.85em}.hint{font-size:.85rem;color:var(--muted)}@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.5rem;padding:.6rem 1rem}.sb-brand{padding:.2rem .4rem}.sb-name{display:none}.sb-nav{flex-direction:row;flex:1;gap:.25rem}.sb-cta{margin-top:0}.sb-foot{margin:0 0 0 auto;padding:0;display:flex;align-items:center;gap:.5rem}.sb-user{border-top:none;padding:.25rem}.sb-email{display:none}.sb-logout{width:auto;margin:0}.container{padding:1.5rem 1rem 3rem}.inline{flex-direction:column;gap:.5rem}}@media(max-width:560px){.sb-nav{flex:1 1 auto;min-width:0;gap:.2rem;overflow-x:auto;scrollbar-width:none}.sb-nav::-webkit-scrollbar{display:none}.sb-link{padding:.5rem}.sb-link span{display:none}.sidebar{padding:.55rem .7rem;gap:.35rem}.sb-user{padding:.15rem}.sb-logout{padding:.4rem .55rem;font-size:.8rem}}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:.6rem 1.1rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500;box-shadow:0 6px 20px #0f172a47;z-index:50}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}.modal{border:none;padding:1.5rem;width:calc(100% - 2rem);max-width:420px;background:var(--surface);color:var(--ink);border-radius:var(--radius);box-shadow:0 16px 48px #0f172a4d}.modal[open]{display:flex;flex-direction:column;gap:.6rem}.modal::backdrop{background:#0f172a80}.modal-title{font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin:0}.modal-message{font-size:.9rem;color:var(--ink-2);margin:0;line-height:1.6}.modal-label{font-size:.82rem;font-weight:600;color:var(--ink-2);margin-top:.4rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.6rem}@media(prefers-reduced-motion:reduce){*{transition:none!important}}