:root{font-family:Arial,system-ui,sans-serif;--bg:#f3f4f6;--surface:#fff;--sub:#f7f8fa;--text:#171e27;--muted:#657181;--border:#dce1e7;--side:#1e2329;--accent:#ec1726;--hover:#f0f2f5}html[data-theme=dark]{--bg:#101317;--surface:#191d22;--sub:#20252b;--text:#f3f4f6;--muted:#a3b0bd;--border:#343a42;--side:#090c10;--hover:#292f36}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer;padding:10px 15px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-weight:600}button:hover{background:var(--hover)}button:disabled{opacity:.48;cursor:not-allowed}.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:white!important}.app{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.side{background:var(--side);color:#fff;padding:22px 12px;display:flex;flex-direction:column}.identity{display:flex;align-items:center;gap:14px;padding:2px 8px 28px;border-bottom:1px solid #394047}.identity strong{font-size:15px}.mark{font-size:20px;font-weight:900;line-height:.86;letter-spacing:-1px}.mark small{font-size:12px;letter-spacing:-.5px}.mark span{color:var(--accent)}.side nav{display:grid;gap:7px;margin-top:24px}.side a{color:#d4d9df;text-decoration:none;padding:14px 12px;border-radius:8px;font-size:14px}.side a:hover,.side a:first-child{background:#30373e;color:white}.bottom{margin-top:auto;display:grid;gap:18px}.bottom button{color:white;background:transparent;border:1px solid #48505a}.bottom small{font-size:11px;color:#89949e}.main{min-width:0}.top{background:var(--surface);border-bottom:1px solid var(--border);min-height:64px;padding:13px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top>div:first-child{display:flex;gap:14px;align-items:center}.top span{font-size:13px;color:var(--muted)}.right{display:flex;align-items:center;gap:10px}.secure{color:#18804b!important}.content{max-width:1250px;margin:auto;padding:36px 30px 60px}.heading{margin-bottom:28px}.heading span,.section-head span,.stat span{font-size:11px;letter-spacing:1px;font-weight:800;color:var(--muted)}.heading h1{font-size:32px;margin:8px 0}.heading p,.sub{font-size:14px;color:var(--muted)}.panel,.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px}.panel{padding:24px;margin:16px 0}.section-head{margin-bottom:22px}.section-head h2,.panel h2{font-size:20px;margin:8px 0 0}.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.stat{padding:19px;min-height:92px}.stat b{display:block;font-size:17px;margin-top:12px;overflow-wrap:anywhere}.accounts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account{background:var(--sub);border:1px solid var(--border);border-radius:9px;padding:20px;display:grid;justify-items:start;gap:13px}.account span{font-size:13px;color:var(--muted)}.account strong{overflow-wrap:anywhere}.selected-photos{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.selected-photos strong{width:100%}.photo-chip{background:var(--sub);border:1px solid var(--border);border-radius:7px;padding:9px;font-size:13px}.tabs,.folder-toolbar,.link-form{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.tabs .active{border-color:var(--accent)}.breadcrumbs{display:flex;gap:5px;flex-wrap:wrap}.breadcrumbs button{border:0;background:var(--sub);color:var(--text)}.folder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;max-height:400px;overflow:auto}.folder-row{display:flex;align-items:center;border:1px solid var(--border);background:var(--sub);border-radius:8px;padding:5px}.folder-open{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left;background:transparent;border:0}.folder-row>button:last-child{color:var(--accent)}.selected-destination{margin-top:20px;padding:15px;border:1px solid var(--border);background:var(--sub);border-radius:8px;overflow-wrap:anywhere}.link-form input{flex:1;min-width:180px}.login{max-width:520px}.login form{display:flex;gap:10px;margin-top:20px}input{border:1px solid var(--border);border-radius:7px;padding:12px;background:var(--surface);color:var(--text);min-width:0}.login input{flex:1}#results p{background:var(--sub);padding:12px;border-radius:7px}#message{color:var(--muted)}[hidden]{display:none!important}@media(max-width:850px){.app{grid-template-columns:1fr}.side{padding:14px}.side nav{display:flex;overflow:auto}.bottom{display:none}.top{padding:14px}.content{padding:25px 14px}.overview,.accounts{grid-template-columns:1fr}.login form{flex-direction:column}}