*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#1d2530}a{color:#0c4a7c;text-decoration:none}.topbar{height:58px;background:#082b4d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;box-shadow:0 1px 8px #0002}.brand,.loginlogo{font-weight:800;font-size:22px}.brand span,.loginlogo span{font-weight:400}.userbox{font-size:14px}.userbox a{color:#fff}.app{display:flex;min-height:calc(100vh - 58px)}.sidebar{width:220px;background:#fff;border-right:1px solid #dfe5eb;padding:18px 10px}.sideitem{display:block;padding:11px 14px;border-radius:8px;margin:3px 0;color:#263646}.sideitem:hover{background:#edf4fa}.content{flex:1;padding:24px;overflow:auto}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.toolbar h1{margin:0;font-size:24px}.actions,.dialogactions{display:flex;gap:8px;align-items:center}.btn{display:inline-block;border:1px solid #c8d2dc;background:#fff;color:#243746;border-radius:7px;padding:9px 14px;cursor:pointer;font-weight:600}.btn.primary{background:#0c4a7c;color:#fff;border-color:#0c4a7c}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.foldercard{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #dfe5eb;padding:18px;border-radius:10px;color:#1d2530;box-shadow:0 1px 2px #00000008}.foldercard:hover{border-color:#9fb8cd}.bigicon{font-size:38px}.foldercard small{display:block;color:#677888;margin-top:5px}.explorer,.panel{background:#fff;border:1px solid #dfe5eb;border-radius:9px;overflow:auto}.explorer table{width:100%;border-collapse:collapse;min-width:760px}.explorer th{background:#f7f9fb;text-align:left;font-size:13px;color:#526171;padding:11px 13px;border-bottom:1px solid #e4e8ec}.explorer td{padding:12px 13px;border-bottom:1px solid #eef1f4;font-size:14px}.explorer tr:hover td{background:#f8fbfe}.name{font-weight:600;color:#253544}.rowactions{white-space:nowrap}.rowactions>a,.linkbtn{margin-right:8px;font-size:17px}.inline{display:inline}.linkbtn{border:0;background:transparent;cursor:pointer}.breadcrumbs{margin-top:6px;font-size:13px;color:#71808d}.panel{max-width:760px;padding:22px}.panel h1{margin-top:0}label{display:block;font-size:13px;font-weight:700;margin:12px 0 6px}input,select,textarea{width:100%;border:1px solid #c7d0d9;border-radius:7px;padding:10px 11px;font:inherit;background:#fff}textarea{resize:vertical}.dialogactions{justify-content:flex-end;margin-top:18px}dialog{border:0;border-radius:10px;padding:22px;width:min(480px,92vw);box-shadow:0 18px 60px #0005}dialog::backdrop{background:#0005}.muted{color:#6a7885;font-size:13px}.empty{padding:30px;text-align:center;color:#71808d}.flash{padding:11px 14px;border-radius:7px;margin-bottom:16px}.flash.ok{background:#e8f6ee;color:#165b36}.flash.err{background:#fdecec;color:#842020}.loginbody{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#061f38,#0c4a7c)}.loginbox{width:min(420px,92vw);background:#fff;border-radius:14px;padding:28px;box-shadow:0 20px 60px #0005}.loginlogo{color:#082b4d;font-size:28px}.loginbox p{color:#657381}.loginbox .btn{width:100%;margin-top:18px;padding:11px}@media(max-width:800px){.sidebar{width:70px}.sideitem{font-size:0}.sideitem::first-letter{font-size:20px}.content{padding:14px}.toolbar{align-items:flex-start;flex-direction:column}.userbox{font-size:12px}}