:root{--bg: #f6f7f9;--surface: #ffffff;--text: #1c2430;--muted: #5d6878;--border: #dde1e7;--primary: #1f4e8c;--primary-hover: #183f72;--error: #b42318;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0}h1{margin:0 0 .25rem;font-size:1.5rem}.muted{color:var(--muted)}.error{color:var(--error);margin:.5rem 0}.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem}.auth{width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.auth p{margin:0}label{display:flex;flex-direction:column;gap:.35rem;font-weight:500}input{font:inherit;padding:.6rem .75rem;border:1px solid var(--border);border-radius:6px}input:focus{outline:2px solid var(--primary);outline-offset:1px}button{font:inherit;cursor:pointer}button.primary{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:.65rem 1.1rem;font-weight:600}button.primary:hover:not(:disabled){background:var(--primary-hover)}button:disabled{opacity:.6;cursor:default}button.link{background:none;border:none;padding:0;color:var(--primary);text-decoration:underline}.switch{text-align:center}.topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.9rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.brand{font-weight:700;color:var(--text);text-decoration:none}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.5rem}.service-card{position:relative;display:flex;flex-direction:column;gap:.4rem;padding:1.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);text-decoration:none;transition:border-color .15s,box-shadow .15s}.service-card:hover,.service-card:focus-visible{border-color:var(--primary);box-shadow:0 2px 10px #1f4e8c1f}.service-name{font-size:1.35rem;font-weight:700;color:var(--primary)}.service-go{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--primary)}.service-bar{background:var(--surface);border-bottom:1px solid var(--border)}.service-bar-inner{max-width:960px;margin:0 auto;padding:.6rem 1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.25rem}.back-link{font-size:.9rem;text-decoration:none}.service-title{font-weight:700}.topbar-user{display:flex;gap:1rem;align-items:center}.page{max-width:960px;margin:0 auto;padding:2rem 1rem}.dropzone{margin:1.25rem 0;padding:2rem;border:2px dashed var(--border);border-radius:10px;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.dropzone p{margin:0}.dropzone.dragging{border-color:var(--primary);background:#eef3fa}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem 1rem;border-bottom:1px solid var(--border);white-space:nowrap}tbody tr:last-child td{border-bottom:none}th{font-size:.85rem;color:var(--muted);font-weight:600}a{color:var(--primary)}.actions{display:flex;gap:1rem;justify-content:flex-end;align-items:center}button.link.danger{color:var(--error)}.success{color:#1a7f37;font-weight:500}.tabs{display:flex;gap:.25rem}.tabs a{padding:.4rem .8rem;border-radius:6px;color:var(--muted);font-weight:500;text-decoration:none}.tabs a:hover{color:var(--text)}.tabs a.active{background:#eef3fa;color:var(--primary)}.profile{max-width:600px;margin-top:1.25rem;display:flex;flex-direction:column;gap:1.5rem}fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}legend{font-weight:700;margin-bottom:1rem;padding:0}input:disabled{background:var(--bg);color:var(--muted)}.row{display:grid;grid-template-columns:1fr 2fr;gap:1rem}@media(max-width:500px){.row{grid-template-columns:1fr}}.form-actions{display:flex;align-items:center;gap:1rem}.topbar-left{display:flex;align-items:center;gap:.75rem}.badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .55rem;border-radius:999px;background:#fff4e5;color:#8a4b00}h2{font-size:1.1rem;margin:0}.strong{font-weight:600}.page.wide{max-width:1200px}select{font:inherit;padding:.55rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);max-width:100%}select:focus{outline:2px solid var(--primary);outline-offset:1px}.file-list{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:.75rem}.file-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);text-decoration:none}.file-card:hover,.file-card:focus-visible{border-color:var(--primary)}.file-name{font-weight:600;color:var(--primary)}.empty{margin-top:1.25rem;padding:2rem;background:var(--surface);border:1px dashed var(--border);border-radius:10px;text-align:center}.empty p{margin:.25rem 0}.breadcrumb{font-size:.9rem;margin-bottom:.5rem;color:var(--muted)}.create-file{margin:1.25rem 0 2rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.create-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr auto;gap:1rem;align-items:end}@media(max-width:800px){.create-row{grid-template-columns:1fr}}.list-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}label.inline{flex-direction:row;align-items:center;gap:.5rem}.admin-table tr.editing td{background:#f8fafd}.admin-table input,.admin-table select{padding:.4rem .5rem;width:100%;min-width:10rem}.role-tag{display:inline-block;margin-left:.4rem;padding:.05rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600;vertical-align:middle}.role-tag.manager{background:#e7eefb;color:var(--primary)}.role-tag.standard{background:#eef0f3;color:var(--muted)}.role-tag.suspended{background:#fdecea;color:#b42318}.members-cell{white-space:normal;min-width:14rem}.member-chip{display:inline-block;margin:.15rem .6rem .15rem 0}.member-chip .role-tag{margin-left:.3rem}.admin-table tr.expanded td{border-bottom:none}.admin-table tr.members-row>td{background:#f8fafd;white-space:normal}.members-panel{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.members-panel h3{margin:0;font-size:1rem}.members-panel p{margin:0}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.member-list li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.member-name{min-width:16rem}.admin-table .member-list select,.admin-table .add-member select{width:auto;min-width:9rem}.role-help{font-size:.85rem}.add-member{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding-top:.75rem;border-top:1px solid var(--border)}.admin-table .add-member select:first-child{min-width:18rem}button.primary.small{padding:.45rem .9rem}.warning{color:#8a4b00}@media(min-width:801px)and (max-width:1000px){.create-row{grid-template-columns:1fr 1fr}}.account-link{color:var(--text);text-decoration:none;font-weight:500}.account-link:hover{color:var(--primary);text-decoration:underline}.account-card{max-width:600px;margin-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.account-card p{margin:0}.login-id{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.08em}.login-id-row{display:flex;align-items:center;gap:1rem}.login-id-row .login-id{font-size:1.5rem;padding:.35rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px}.welcome{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem 1.5rem;background:#eef6ee;border-bottom:1px solid #cfe5cf}.welcome p{margin:0}.client-view-bar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;padding:.6rem 1.5rem;background:#8a4b00;color:#fff}.client-view-bar .login-id{font-weight:600}.client-view-bar button.primary{background:#fff;color:#8a4b00}.client-view-bar button.primary:hover:not(:disabled){background:#fff4e5}.read-only-note{margin:1.25rem 0;padding:.75rem 1rem;border-left:4px solid #8a4b00;background:#fff4e5;color:#5c3200}.admin-tabs{margin-left:.5rem}label.inline.search input{min-width:18rem}a.primary-link{display:inline-block;background:var(--primary);color:#fff;border-radius:6px;padding:.65rem 1.1rem;font-weight:600;text-decoration:none}a.primary-link:hover{background:var(--primary-hover)}.area-tabs{margin:1.25rem 0 .25rem}.area-tabs .count{margin-left:.3rem;padding:0 .4rem;border-radius:999px;background:#eef0f3;font-size:.75rem}.folder-path{margin:.75rem 0;font-size:.95rem}.folder-row .folder-link{font-weight:600;color:var(--text)}.new-folder{margin-top:.75rem;display:flex;gap:.5rem;align-items:center}