*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}body{color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);background:#f5f5f5;font-family:Inter,system-ui,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}svg{display:block}img{max-width:100%;display:block}.app-shell{background:#f5f5f5;flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow:hidden}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-background:#f5f5f5;--color-surface:#fff;--color-text:#111827;--color-text-secondary:#6b7280;--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 24px #0000001f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}p{line-height:1.6}.app-header{z-index:100;background:#fff;border-bottom:1px solid #ececec;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex;position:sticky;top:0}.header-left h1{margin:0;font-size:22px;font-weight:700}.header-left span{color:#666;font-size:13px}.icon-btn{cursor:pointer;background:#f5f5f5;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.bottom-nav{z-index:100;background:#fff;border-top:1px solid #ececec;justify-content:space-around;align-items:center;height:72px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#777;flex-direction:column;align-items:center;gap:4px;font-size:12px;text-decoration:none;transition:all .2s;display:flex}.nav-item.active{color:#2563eb;font-weight:600}.app-shell{background:#f7f8fa;flex-direction:column;height:100vh;display:flex}.app-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;padding-top:70px;padding-bottom:90px;overflow:hidden auto}.app-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;padding:var(--space-lg);box-shadow:var(--shadow-md)}.app-input-group{flex-direction:column;gap:8px;width:100%;display:flex}.app-input-label{color:var(--color-text);font-size:.9rem;font-weight:600}.app-input{border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);border:1px solid #d1d5db;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.app-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.app-input:disabled{cursor:not-allowed;background:#f3f4f6}.app-button{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;border:none;width:100%;padding:14px 18px;font-size:1rem;font-weight:600;transition:all .2s}.app-button.full-width{width:100%}.app-button:hover{background:var(--color-primary-hover)}.app-button:disabled{opacity:.5;cursor:not-allowed}.login-page{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.login-page .app-card{width:100%;max-width:420px}.login-page h1{margin-bottom:8px}.login-page p{color:#64748b;margin-bottom:24px}.login-error{color:#dc2626;margin:14px 0;font-size:14px}.otp-page{justify-content:center;align-items:center;min-height:100%;padding:24px;display:flex}.otp-page .app-card{width:100%;max-width:420px}.otp-page h1{margin-bottom:8px}.otp-page p{color:#64748b;margin-bottom:24px}.otp-error{color:#dc2626;margin:14px 0;font-size:14px}.greeting{margin-bottom:24px}.greeting h2{margin-top:4px;font-size:30px;font-weight:700}.subtitle{color:#777;font-size:14px}.hero-card{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:24px;margin-bottom:28px;padding:28px;box-shadow:0 12px 28px #2563eb40}.hero-content{flex-direction:column;gap:16px;display:flex}.hero-badge{background:#ffffff26;border-radius:999px;align-items:center;gap:8px;width:max-content;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-card h1{margin:0;font-size:30px;line-height:1.2}.hero-card p{color:#ffffffe6;max-width:420px;margin:0;line-height:1.6}.hero-button{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:220px;height:52px;margin-top:8px;font-weight:700;transition:all .2s;display:flex}.hero-button:hover{transform:translateY(-2px)}.section-title{margin-bottom:18px;font-size:20px}.quick-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px;display:grid}.quick-card{cursor:pointer;background:#fff;border:none;border-radius:18px;flex-direction:column;align-items:flex-start;gap:18px;padding:24px;transition:all .2s;display:flex;box-shadow:0 6px 18px #0000000f}.quick-card:hover{transform:translateY(-4px)}.quick-card span{font-weight:600;line-height:1.4}.activity-card{background:#fff;border-radius:20px;margin-bottom:20px;padding:18px;box-shadow:0 4px 16px #00000014}.activity-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.activity-header h2{margin:0;font-size:18px;font-weight:700}.activity-header span{color:#15803d;background:#dcfce7;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.activity-grid{grid-template-columns:1fr;gap:12px;display:grid}.activity-item{background:#f8fafc;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.activity-item svg{color:#2563eb;flex-shrink:0}.activity-item h3{margin:0;font-size:24px;line-height:1}.activity-item p{color:#64748b;margin:4px 0 0;font-size:13px}.sync-status{color:#64748b;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;font-size:13px;display:flex}.sync-status strong{color:#111827;font-size:14px}@media (width>=768px){.activity-grid{grid-template-columns:repeat(3,1fr)}.activity-item{text-align:center;flex-direction:column;justify-content:center;padding:22px}.activity-item svg{margin-bottom:8px}}.recent-card{background:#fff;border-radius:20px;margin-bottom:20px;padding:18px;box-shadow:0 4px 16px #00000014}.recent-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.recent-header h2{margin:0;font-size:18px}.recent-header button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.transfer-item{border-bottom:1px solid #eef2f7;align-items:center;gap:14px;padding:14px 0;display:flex}.transfer-item:last-child{border-bottom:none}.transfer-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.transfer-info{flex-direction:column;flex:1;display:flex}.transfer-info strong{font-size:15px}.transfer-info span{color:#64748b;margin-top:4px;font-size:12px}.transfer-status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex}.transfer-status.delivered{color:#15803d;background:#dcfce7}.transfer-status.uploading{color:#b45309;background:#fef3c7}.transfer-status.viewed{color:#1d4ed8;background:#dbeafe}.support-card{background:#fff;border-radius:20px;margin-bottom:24px;padding:20px;box-shadow:0 4px 16px #00000014}.support-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.support-header h2{margin:0;font-size:18px}.support-row{border-bottom:1px solid #eef2f7;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.support-row:last-of-type{border-bottom:none}.support-row svg{color:#2563eb;flex-shrink:0;margin-top:3px}.support-row div{flex-direction:column;display:flex}.support-row strong{font-size:14px}.support-row span{color:#64748b;margin-top:3px;font-size:13px}.support-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;margin-top:20px;padding:14px;font-size:15px;font-weight:600}.support-button:hover{background:#1d4ed8}.app-version{text-align:center;color:#94a3b8;margin-top:18px;font-size:12px}.file-tab{background:#f7f8fa;min-height:100%;padding:16px 16px 110px}.file-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.file-header h1{color:#111827;margin:0;font-size:28px;font-weight:700}.search-box{background:#fff;border:none;border-radius:14px;outline:none;width:100%;height:48px;margin-bottom:22px;padding:0 16px;font-size:15px;box-shadow:0 3px 10px #0000000f}.search-box::placeholder{color:#94a3b8}.document-card{background:#fff;border-radius:18px;align-items:center;gap:14px;margin-bottom:12px;padding:14px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d}.document-card:active{transform:scale(.98)}.document-info{flex:1;overflow:hidden}.document-info strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.document-info span{color:#64748b;margin-top:4px;font-size:13px;display:block}.document-card input[type=checkbox]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:22px;height:22px}.icon-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:fit-content;height:42px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.icon-btn:hover{background:#1d4ed8}.icon-btn:active{transform:scale(.96)}.download-btn{flex-shrink:0;width:42px;padding:0}.selection-bar{color:#fff;z-index:100;background:#111827;border-radius:18px;justify-content:space-between;align-items:center;height:64px;padding:0 18px;animation:.25s slideUp;display:flex;position:fixed;bottom:88px;left:16px;right:16px;box-shadow:0 12px 28px #00000047}.selection-bar span{font-size:15px;font-weight:500}.selection-bar strong{font-size:17px}.search-container{gap:10px;margin-bottom:22px;display:flex}.search-container .search-box{flex:1;margin-bottom:0}.search-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;justify-content:center;align-items:center;width:50px;display:flex}.header-actions{gap:10px;display:flex}.refresh-btn{width:42px;padding:0}.download-selected-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.download-selected-btn:hover{background:#1d4ed8}.download-selected-btn:active{transform:scale(.96)}.error{color:#dc2626;text-align:center;margin-top:40px;font-size:15px}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (width<=380px){.file-header h1{font-size:24px}.icon-btn{padding:0 12px;font-size:13px}.selection-bar{height:60px}.download-selected-btn{padding:8px 14px;font-size:13px}}