:root{--bg:#0f1220;--panel:#1a1e33;--text:#e7e9f3;--subtle:#a6abc8;--primary:#6c5ce7;--primary-hover:#5a4bd1;--error:#ff6b6b;--border:#2a2f4a;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}.page{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem}.page--centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100vh;display:flex}h1{margin:0;font-size:2.25rem}.tagline{margin:.25rem 0;font-size:1.25rem}.subtle{color:var(--subtle);margin:.25rem 0}.error{color:var(--error);font-weight:600}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:.6rem 1.1rem;font-size:1rem;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--primary)}.btn--primary{background:var(--primary);border-color:var(--primary)}.btn--primary:hover{background:var(--primary-hover)}.btn--link{color:var(--subtle);background:0 0;border:none;padding:.3rem;text-decoration:underline}.btn--danger{color:var(--error);font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.notice{background:var(--panel);border:1px solid var(--border);border-left:3px solid #3ddc84;border-radius:8px;margin-bottom:1rem;padding:.6rem .9rem}.error{cursor:pointer}.summary{border:1px solid var(--border);border-left-width:4px;border-radius:10px;margin-bottom:1.25rem;padding:.85rem 1rem;font-weight:600}.summary--overdue{background:#ff5d5d14;border-left-color:#ff5d5d}.summary--due-soon{background:#f4b74014;border-left-color:#f4b740}.summary--current{background:#3ddc8414;border-left-color:#3ddc84}.summary--none{border-left-color:var(--subtle);color:var(--subtle);font-weight:400}.status{vertical-align:middle;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;margin-left:.4rem;padding:.12rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.status--overdue{color:#ff7b7b;background:#ff5d5d2e}.status--due-soon{color:#f4b740;background:#f4b7402e}.status--current{color:#4fe39a;background:#3ddc842e}.status--none{color:var(--subtle);background:#ffffff0f}.doc-edit{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.doc-edit input{border:1px solid var(--border);color:var(--text);background:#11142a;border-radius:8px;padding:.4rem .6rem;font-size:.95rem}.form{text-align:left;flex-direction:column;gap:.9rem;width:100%;max-width:360px;margin-top:.5rem;display:flex}.form label{color:var(--subtle);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.form input{border:1px solid var(--border);color:var(--text);background:#11142a;border-radius:8px;padding:.55rem .7rem;font-size:1rem}.form input:focus{border-color:var(--primary);outline:none}a{color:var(--primary)}.dashboard-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.dashboard-user{align-items:center;gap:.75rem;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.card+.card{margin-top:1.25rem}.form select,.form input[type=file]{border:1px solid var(--border);color:var(--text);background:#11142a;border-radius:8px;padding:.55rem .7rem;font-size:1rem}.doc-list{flex-direction:column;gap:.75rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.doc-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.doc-item:last-child{border-bottom:none}.doc-meta{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.doc-label{font-weight:600}.doc-meta .subtle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doc-thumb{border:1px solid var(--border);background:#11142a;border-radius:8px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.doc-thumb img{object-fit:cover;width:100%;height:100%}.doc-thumb__ext{text-transform:uppercase;color:var(--subtle);letter-spacing:.03em;font-size:.7rem;font-weight:700}.card--row{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.skeleton{background:linear-gradient(90deg,#1a1e38 25%,#232850 37%,#1a1e38 63%) 0 0/400% 100%;border-radius:6px;animation:1.4s infinite skeleton-shimmer;display:block}.skeleton--title{width:40%;height:1.4rem}.skeleton--line{width:100%;height:1rem}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (width<=540px){.page{padding:1.5rem 1rem}.doc-item{flex-wrap:wrap}.doc-item .actions{justify-content:flex-end;width:100%}}