.login-page[data-v-641f9df3]{position:relative;display:grid;grid-template-rows:auto 1fr;width:100%;min-height:100vh;overflow:hidden;padding:0;color:#f8fafc;background:radial-gradient(circle at 18% 78%,rgb(24 109 97 / 42%) 0,transparent 28%),radial-gradient(circle at 56% 20%,rgb(84 78 177 / 42%) 0,transparent 31%),linear-gradient(135deg,#101115,#151622,#111116)}.login-page[data-v-641f9df3]:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(17 24 39 / 42%) 0,transparent 42%,rgb(17 17 22 / 54%) 100%),radial-gradient(circle at 72% 44%,rgb(64 57 132 / 18%) 0,transparent 34%);content:""}.login-toolbar[data-v-641f9df3]{position:relative;z-index:1;display:flex;align-items:center;margin:0;padding:28px 32px;color:#fff}.brand[data-v-641f9df3]{display:flex;align-items:center;gap:14px;min-width:0}.brand-logo[data-v-641f9df3]{flex:0 0 auto;width:40px;height:40px;filter:drop-shadow(0 10px 18px rgb(37 99 235 / 16%))}.login-toolbar h1[data-v-641f9df3]{margin:0;color:#fff;font-size:22px;font-weight:700;line-height:1.25}.login-stage[data-v-641f9df3]{position:relative;z-index:1;display:grid;align-content:start;justify-items:center;gap:34px;padding:clamp(42px,8vh,96px) 20px 72px}.login-title[data-v-641f9df3]{display:flex;align-items:center;gap:14px;color:#fff;font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.2}.login-title img[data-v-641f9df3]{width:42px;height:42px;filter:drop-shadow(0 10px 22px rgb(96 165 250 / 24%))}.login-panel[data-v-641f9df3]{display:grid;gap:34px;width:min(100%,520px);padding:clamp(34px,5vw,56px) clamp(28px,5vw,46px);border:1px solid rgb(255 255 255 / 10%);border-radius:18px;background:#121319d1;box-shadow:inset 0 1px #ffffff0a,0 28px 80px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-panel h2[data-v-641f9df3]{margin:0;color:#f8fafc;font-size:34px;font-weight:700;line-height:1.2;text-align:center}.login-form[data-v-641f9df3]{display:grid;gap:16px;width:100%}.login-form label[data-v-641f9df3]{display:grid;gap:8px;color:#c7c9d1;font-size:14px;font-weight:600}.login-form input[data-v-641f9df3]{width:100%;height:48px;padding:0 16px;border:1px solid rgb(255 255 255 / 10%);border-radius:999px;color:#f8fafc;background:#0d0e14b3;outline:none;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.login-form input[data-v-641f9df3]:focus{border-color:#58a9ff;background:#0d0e14db;box-shadow:0 0 0 3px #58a9ff2e}.login-form input[data-v-641f9df3]::placeholder{color:#6f7480}.password-field[data-v-641f9df3]{position:relative;display:block}.password-field input[data-v-641f9df3]{padding-right:52px}.password-toggle[data-v-641f9df3]{position:absolute;top:50%;right:8px;display:grid;width:36px;height:36px;padding:0;border:0;border-radius:999px;color:#aeb4c2;background:transparent;cursor:pointer;place-items:center;transform:translateY(-50%);transition:background .16s ease,color .16s ease}.password-toggle svg[data-v-641f9df3]{width:20px;height:20px;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.password-toggle[data-v-641f9df3]:hover{color:#fff;background:#ffffff14}.login-submit[data-v-641f9df3]{height:48px;margin-top:6px;border:1px solid #58a9ff;border-radius:999px;color:#fff;background:#56a9f7;cursor:pointer;font-size:16px;font-weight:600;transition:background .16s ease,border-color .16s ease}.login-submit[data-v-641f9df3]:hover{border-color:#75baff;background:#75baff}.login-error[data-v-641f9df3]{margin:-4px 0 0;color:#fca5a5;font-size:13px;line-height:1.4;text-align:center}@media(max-width:640px){.login-panel[data-v-641f9df3]{padding:20px}.login-submit[data-v-641f9df3]{width:100%}}:root{background:radial-gradient(circle at 18% 78%,rgb(24 109 97 / 42%) 0,transparent 28%),radial-gradient(circle at 56% 20%,rgb(84 78 177 / 42%) 0,transparent 31%),linear-gradient(135deg,#101115,#151622,#111116);color:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(90deg,rgb(17 24 39 / 42%) 0,transparent 42%,rgb(17 17 22 / 54%) 100%),radial-gradient(circle at 72% 44%,rgb(64 57 132 / 18%) 0,transparent 34%)}button{font:inherit}.page{position:relative;width:min(1280px,calc(100% - 32px));margin:0 auto;padding:36px 0 56px;color:#f8fafc}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:22px 24px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#121319b8;box-shadow:0 16px 40px #0000002e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-logo{flex:0 0 auto;width:52px;height:52px;filter:drop-shadow(0 10px 18px rgb(37 99 235 / 16%))}.toolbar h1{margin:0;color:#fff;font-size:28px;font-weight:700;line-height:1.25}.toolbar p{margin:8px 0 0;color:#aeb4c2;font-size:14px}.logout-btn{flex:0 0 auto;height:38px;padding:0 18px;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;color:#f8fafc;background:#0d0e148a;cursor:pointer;font-size:14px;font-weight:600;transition:background .16s ease,border-color .16s ease,color .16s ease}.logout-btn:hover{border-color:#f8717170;color:#fecaca;background:#7f1d1d38}.state{display:grid;min-height:240px;place-items:center;border:1px dashed rgb(255 255 255 / 16%);border-radius:8px;color:#c7c9d1;background:#121319b8}.state-error{color:#fca5a5;border-color:#f8717152;background:#7f1d1d2e}.desktop-section{display:grid;gap:18px;padding:18px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#121319b8;box-shadow:0 18px 54px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.back-btn,.breadcrumb button{border:1px solid rgb(255 255 255 / 10%);border-radius:6px;color:#d8dce6;background:#0d0e1475;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.back-btn{flex:0 0 auto;padding:8px 14px;font-size:13px;font-weight:600}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#0d0e1475}.breadcrumb-label{flex:0 0 auto;color:#8d94a3;font-size:12px}.breadcrumb button{position:relative;padding:5px 9px;border-color:transparent;font-size:13px;background:transparent}.back-btn:hover,.breadcrumb button:hover{border-color:#75baff73;color:#fff;background:#58a9ff24}.breadcrumb button+button:before{position:absolute;left:-6px;color:#6f7480;content:"/"}.desktop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.folder-card{display:grid;gap:10px;width:100%;min-height:196px;padding:14px 10px 12px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;color:#f8fafc;background:#0d0e1485;cursor:pointer;place-items:center;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.folder-card:hover{border-color:#75baff5c;background:#58a9ff1f;box-shadow:0 8px 24px #00000029;transform:translateY(-1px)}.folder-icon{position:relative;display:block;width:min(100%,132px);aspect-ratio:1.25;border-radius:12px 12px 14px 14px;background:linear-gradient(180deg,#60a5fa,#2563eb);box-shadow:inset 0 1px #ffffff73,0 14px 24px #2563eb33}.folder-icon:before{position:absolute;top:-12px;left:10px;width:54px;height:22px;border-radius:10px 10px 4px 4px;background:#93c5fd;content:""}.folder-icon:after{position:absolute;inset:18px 10px auto;height:18px;border-radius:999px;background:#fff3;content:""}.folder-name{overflow:hidden;width:100%;color:#f8fafc;font-size:14px;font-weight:600;line-height:1.35;text-align:center;text-overflow:ellipsis;white-space:nowrap}.folder-count{color:#aeb4c2;font-size:12px;line-height:1.2}.image-card{display:grid;width:100%;padding:10px;border:1px solid rgb(226 232 240 / 88%);border-radius:8px;color:#374151;background:#ffffffdb;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-card:hover{border-color:#9ca3af;box-shadow:0 8px 24px #0f172a14;transform:translateY(-1px)}.image-click{display:block;padding:0;border:none;background:none;cursor:zoom-in}.image-click img{display:block;width:100%;aspect-ratio:1;border-radius:6px;object-fit:contain;background:linear-gradient(45deg,#f3f4f6 25%,transparent 25%),linear-gradient(-45deg,#f3f4f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f3f4f6 75%),linear-gradient(-45deg,transparent 75%,#f3f4f6 75%);background-color:#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.image-footer{display:flex;align-items:center;gap:8px;margin-top:10px}.image-name{flex:1;overflow:hidden;min-width:0;color:#4b5563;font-size:13px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.copy-btn{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;background:#f9fafb;cursor:pointer;font-size:14px;transition:background .16s ease,border-color .16s ease,color .16s ease}.copy-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:56px 24px 24px;background:#111827d1}.preview img{display:block;max-width:100%;max-height:100%;border-radius:8px;object-fit:contain;background:#fff}.preview-close{position:fixed;top:16px;right:16px;width:40px;height:40px;border:1px solid rgb(255 255 255 / 24%);border-radius:999px;color:#fff;background:#111827b8;cursor:pointer}@media(max-width:640px){.page{width:min(100% - 24px,1280px);padding-top:24px}.toolbar{align-items:center;flex-direction:row;padding:18px}.toolbar .brand{flex:1}.toolbar .brand-logo{width:44px;height:44px}.toolbar h1{font-size:22px}.toolbar p{margin-top:4px}.logout-btn{padding:0 14px}.desktop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.folder-card{min-height:164px}}