.app{font-family:system-ui,sans-serif;background:#f0faff;min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(0,0,0,.1)}.header h1{color:#0098ea;font-size:1.25rem}.header .user-info{display:flex;align-items:center;gap:1rem}.header .provider-id{font-size:.55rem;color:#888;margin-top:.12rem;word-break:break-all;letter-spacing:.05em}.header .disclamer{font-size:.65rem;color:#810303;margin-top:.15rem;word-break:break-all;letter-spacing:.05em}.header .user-info .address{text-align:right}.header .user-info .address .addr{font-weight:500;font-size:.8rem;color:#333}.header .user-info .address .bal{color:#666;font-variant-numeric:tabular-nums;font-size:.8rem}.upload-zone{margin:1rem;padding:2rem;border:2px dashed #0098EA;border-radius:1rem;background:#ffffffb3;text-align:center;cursor:pointer;transition:transform .2s,border-color .2s}.upload-zone.drag{transform:scale(1.02);border-color:#00c3ff}.files-grid{flex:1;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.file-tile{background-color:#fff;height:225px;min-width:180px;max-width:180px;border-radius:8px;box-shadow:0 1px 4px #0000001a;padding:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:space-between;transition:box-shadow .2s;text-align:center}.file-tile:hover{box-shadow:0 4px 8px #00000026}.file-tile__preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.file-tile__image{max-width:100%;max-height:100px;border-radius:1px;object-fit:cover;background-color:#f0f0f0}.file-tile__name{font-size:.8rem;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.file-tile__status{width:100%;padding:.5rem;font-size:.75rem;font-weight:600;text-align:center;border-radius:6px}.file-tile__status--waiting{background-color:#eaf6ff;color:#007bbf}.file-tile__status--stored{background-color:#e9f8ed;color:#28a745}.file-tile__status--warning{background-color:#f8f3e9;color:#a79228}.file-tile__status--error{background-color:#f8e9e9;color:#a72c28}.file-tile__timer{font-size:.85rem;color:#555;margin-bottom:.5rem}.file-tile__balance{font-size:.9rem;font-weight:700;color:#007bbf}.file-tile__bagid{display:flex;justify-content:center;align-items:center;gap:.3rem;font-size:.75rem;color:#666}.file-tile__bagid button{background:none;border:none;color:#007bbf;cursor:pointer}.file-tile__bagid button:hover{color:#00589c}.file-tile__size{font-size:.75rem;color:#888}.file-tile__actions{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.file-tile__actions .btn:disabled{background-color:#ccc;cursor:not-allowed}.file-tile__actions svg{vertical-align:middle}.file-tile__price-per-day,.file-tile__time-left{font-size:.575rem;font-weight:500;color:#0098ea;background-color:#0098ea1a;padding:.2rem;border-radius:3px;text-align:center;display:inline-block;margin:.1rem 0}.file-tile__timer-desc{font-size:.53rem;color:#d46b6b;height:67px;width:75%;margin:auto;text-align:center;font-weight:600;overflow:hidden;text-overflow:ellipsis}.btn,.btn-topup,.btn-withdraw{font-size:.775rem;font-weight:500;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background-color .2s,transform .2s}.btn{background-color:#0098ea}.btn-del{background:#9cdbff33;padding:.2rem .3rem;border-radius:4px;border:none;cursor:pointer;transition:transform .1s ease-in-out,background .3s ease-in-out}.delete{background:#dff3ff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-topup{background-color:#6fa86a}.btn-topup:hover{background-color:#5d8d58;box-shadow:0 4px 8px #0000001a}.btn-topup:active{background-color:#4e784b;box-shadow:none}.btn-withdraw{background-color:#d46b6b}.btn-withdraw:hover{background-color:#bb5b5b;box-shadow:0 4px 8px #0000001a}.btn-withdraw:active{background-color:#a95050;box-shadow:none}body{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,p{margin:0;padding:0}a{color:#0098ea;text-decoration:none;transition:color .2s}a:hover{color:#00589c}.modal-overlay{position:fixed;left:0;top:0;width:100vw;height:100vh;background:#1e283c59;z-index:1000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:modal-fade-in .3s}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal{background:#fff;color:#222;padding:32px 36px;border-radius:18px;box-shadow:0 12px 36px #18285033,0 1.5px 6px #0098ea12;min-width:330px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:stretch;font-size:1.07rem;animation:modal-pop .25s cubic-bezier(.21,.8,.32,1.01)}@keyframes modal-pop{0%{transform:scale(.97) translateY(24px);opacity:.4}to{transform:scale(1) translateY(0);opacity:1}}.modal h2{margin-top:0;margin-bottom:16px;font-size:1.3em;letter-spacing:.01em;color:#0098ea}.modal p{margin:7px 0;font-size:1em}.modal .modal-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:24px}.modal-btn,.modal-btn-cancel{display:inline-block;padding:8px 26px;border-radius:8px;font-size:1.04em;font-weight:500;border:none;cursor:pointer;outline:none;transition:background .14s,color .14s,box-shadow .14s;box-shadow:0 1.5px 5px #0098ea0d}.modal-btn{background:linear-gradient(90deg,#0098ea,#0098ea);color:#fff;border:none}.modal-btn:disabled{background:#b3d9f1;color:#ffffffa3;cursor:not-allowed;box-shadow:none}.modal-btn:hover,.modal-btn:focus{background:linear-gradient(90deg,#0086d6,#0086d6)}.modal-btn-cancel{background:#f6f6f7;color:#e24c4c;border:1.5px solid #f2e9e9}.modal-btn-cancel:hover,.modal-btn-cancel:focus{background:#ffeaea;color:#c52d2d;border-color:#f5b2b2}.progress-bar-container{background:#e6f1fa;border-radius:8px;height:11px;margin-top:10px;width:100%;box-shadow:0 1px 5px #0098ea11 inset;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#0098ea 60%,#23d4e0);height:100%;border-radius:8px;width:0%;transition:width .25s cubic-bezier(.4,2,.5,1)}@media (max-width: 540px){.modal{padding:18px 7vw;min-width:unset}}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#e0f7fa,#fff);min-height:80vh}.welcome-content{background:#ffffffb3;border-radius:18px;box-shadow:0 8px 32px #1828501f;padding:48px 36px 36px;max-width:430px;text-align:center}.welcome-content h2{color:#0098ea;font-size:2rem;margin-bottom:18px}.welcome-content p{font-size:1.1rem;color:#444;margin-bottom:.7em}.welcome-features{list-style:none;padding:0;margin:18px 0 0}.welcome-features li{font-size:1.02rem;margin:8px 0;color:#337ea9;text-align:left;padding-left:1.2em;position:relative}.welcome-tip{margin-top:18px;font-size:.97rem;color:#888}.files-text{text-align:center;margin-top:20px;font-size:24px;color:#888}.snackbar{position:fixed;bottom:24px;right:24px;z-index:9999;background:#810303;color:#fff;padding:16px 28px;border-radius:8px;box-shadow:0 2px 8px #0000002e;font-size:1rem;display:flex;align-items:center;gap:12px;max-width:90vw}.snackbar-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}