*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}.login-page[data-v-9456d5fe]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:url(/img/cloud.592925aa.webp) 50%/cover no-repeat;position:relative;padding:20px}.login-page[data-v-9456d5fe]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:0}.login-container[data-v-9456d5fe]{width:100%;max-width:400px;position:relative;z-index:1}.login-card[data-v-9456d5fe]{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.logo[data-v-9456d5fe]{text-align:center;margin-bottom:40px}.logo h1[data-v-9456d5fe]{margin:0;font-size:32px;font-weight:700;color:#667eea}.logo p[data-v-9456d5fe]{margin:8px 0 0 0;font-size:16px;color:#666}.login-form[data-v-9456d5fe]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-9456d5fe]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-9456d5fe]{font-weight:500;color:#333;font-size:14px}.form-group input[data-v-9456d5fe]{padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}.form-group input[data-v-9456d5fe]:focus{outline:none;border-color:#667eea}.form-group input[data-v-9456d5fe]:disabled{background:#f5f5f5;cursor:not-allowed}.error-message[data-v-9456d5fe]{padding:12px;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px}.login-button[data-v-9456d5fe]{padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button[data-v-9456d5fe]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.login-button[data-v-9456d5fe]:disabled{opacity:.6;cursor:not-allowed}.login-footer[data-v-9456d5fe]{margin-top:24px;text-align:center}.login-footer p[data-v-9456d5fe]{margin:0;font-size:13px;color:#999}.dashboard[data-v-310a242e]{min-height:100vh;background:url(/img/cloud.592925aa.webp) 50%/cover no-repeat fixed;position:relative}.dashboard[data-v-310a242e]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(245,247,250,.92);z-index:0}.header[data-v-310a242e]{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0;position:relative;z-index:1}.header-content[data-v-310a242e]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header h1[data-v-310a242e]{margin:0;font-size:28px;font-weight:700;color:#1f2937}.welcome[data-v-310a242e]{margin:8px 0 0 0;font-size:14px;color:#6b7280}.logout-button[data-v-310a242e]{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.logout-button[data-v-310a242e]:hover{background:#f9fafb;border-color:#9ca3af}.container[data-v-310a242e]{max-width:1200px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}.empty-state[data-v-310a242e],.error-box[data-v-310a242e],.loading[data-v-310a242e]{text-align:center;padding:60px 20px}.error-box[data-v-310a242e]{color:#dc2626;background:#fee;border:1px solid #fcc;border-radius:12px;padding:20px}.empty-state h2[data-v-310a242e]{margin:0 0 12px 0;font-size:24px;color:#1f2937}.empty-state p[data-v-310a242e]{margin:0;font-size:16px;color:#6b7280}.cards-grid[data-v-310a242e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.card[data-v-310a242e]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;transition:all .3s}.card[data-v-310a242e]:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.card-header[data-v-310a242e]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.card-header h3[data-v-310a242e]{margin:0;font-size:18px;font-weight:600;color:#1f2937}.status[data-v-310a242e]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status.active[data-v-310a242e]{background:#d1fae5;color:#065f46}.status.expired[data-v-310a242e]{background:#fee2e2;color:#991b1b}.status.inactive[data-v-310a242e]{background:#e5e7eb;color:#4b5563}.card-stats[data-v-310a242e]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.stat[data-v-310a242e]{text-align:center}.stat-label[data-v-310a242e]{font-size:12px;color:#6b7280;margin-bottom:4px}.stat-value[data-v-310a242e]{font-size:20px;font-weight:700;color:#1f2937}.progress-bar[data-v-310a242e]{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:16px}.progress-fill[data-v-310a242e]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.card-footer[data-v-310a242e]{padding-top:16px;border-top:1px solid #e5e7eb}.expiry[data-v-310a242e]{display:flex;justify-content:space-between;font-size:14px;color:#6b7280}.expiry .label[data-v-310a242e]{font-weight:500}.card-detail[data-v-0802f9b2]{min-height:100vh;background:#f5f7fa}.header[data-v-0802f9b2]{background:#fff;border-bottom:1px solid #e5e7eb;padding:20px 0}.header-content[data-v-0802f9b2]{max-width:1000px;margin:0 auto;padding:0 20px}.back-button[data-v-0802f9b2]{padding:10px 20px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.back-button[data-v-0802f9b2]:hover{background:#f9fafb;border-color:#9ca3af}.container[data-v-0802f9b2]{max-width:1000px;margin:0 auto;padding:40px 20px}.error-box[data-v-0802f9b2],.loading[data-v-0802f9b2]{text-align:center;padding:60px 20px}.error-box[data-v-0802f9b2]{color:#dc2626;background:#fee;border:1px solid #fcc;border-radius:12px;padding:20px}.card-container[data-v-0802f9b2]{background:#fff;border-radius:16px;padding:40px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.card-header[data-v-0802f9b2]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid #e5e7eb}.card-header h1[data-v-0802f9b2]{margin:0;font-size:32px;font-weight:700;color:#1f2937}.status[data-v-0802f9b2]{padding:8px 16px;border-radius:16px;font-size:14px;font-weight:600;text-transform:uppercase}.status.active[data-v-0802f9b2]{background:#d1fae5;color:#065f46}.status.expired[data-v-0802f9b2]{background:#fee2e2;color:#991b1b}.status.inactive[data-v-0802f9b2]{background:#e5e7eb;color:#4b5563}.stats-grid[data-v-0802f9b2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.stat-box[data-v-0802f9b2]{background:#f9fafb;padding:24px;border-radius:12px;text-align:center}.stat-label[data-v-0802f9b2]{font-size:13px;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-value[data-v-0802f9b2]{font-size:32px;font-weight:700;color:#1f2937}.stat-value.used[data-v-0802f9b2]{color:#dc2626}.stat-value.remaining[data-v-0802f9b2]{color:#059669}.progress-section[data-v-0802f9b2]{margin-bottom:40px}.progress-bar[data-v-0802f9b2]{height:24px;background:#e5e7eb;border-radius:12px;overflow:hidden}.progress-fill[data-v-0802f9b2]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s;border-radius:12px}.details-grid[data-v-0802f9b2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.detail-item[data-v-0802f9b2]{padding:20px;background:#f9fafb;border-radius:12px}.detail-label[data-v-0802f9b2]{font-size:13px;color:#6b7280;margin-bottom:6px;font-weight:500}.detail-value[data-v-0802f9b2]{font-size:18px;font-weight:600;color:#1f2937}