.home-page[data-v-1fa63f8b],.login-page[data-v-1fa63f8b]{justify-content:center;align-items:center;min-height:100vh;display:flex}.home-card[data-v-1fa63f8b],.login-card[data-v-1fa63f8b]{text-align:center;width:100%;max-width:460px}.logo[data-v-1fa63f8b]{width:220px;margin-bottom:20px}.title[data-v-1fa63f8b]{color:var(--color-soft-black);margin-bottom:8px;font-size:28px}.subtitle[data-v-1fa63f8b]{color:var(--color-medium-gray);margin-bottom:24px}.home-actions[data-v-1fa63f8b],.form[data-v-1fa63f8b]{flex-direction:column;gap:14px;display:flex}.message[data-v-1fa63f8b]{margin-top:18px;font-weight:600}.dashboard[data-v-1fa63f8b]{flex-direction:column;gap:20px;display:flex}.topbar[data-v-1fa63f8b]{justify-content:space-between;align-items:center;display:flex}.grid[data-v-1fa63f8b]{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.items-sections[data-v-1fa63f8b]{flex-direction:column;gap:20px;margin-top:16px;display:flex}.subsection-title[data-v-1fa63f8b]{color:var(--color-soft-black);margin-bottom:10px;font-size:16px}.empty-text[data-v-1fa63f8b]{color:var(--color-medium-gray);font-size:14px}.notifications[data-v-1fa63f8b],.items-list[data-v-1fa63f8b]{flex-direction:column;gap:12px;max-height:360px;margin-top:16px;padding-right:6px;display:flex;overflow-y:auto}.notifications[data-v-1fa63f8b]::-webkit-scrollbar{width:8px}.items-list[data-v-1fa63f8b]::-webkit-scrollbar{width:8px}.notifications[data-v-1fa63f8b]::-webkit-scrollbar-thumb{background:#cfcfd4;border-radius:999px}.items-list[data-v-1fa63f8b]::-webkit-scrollbar-thumb{background:#cfcfd4;border-radius:999px}.notifications[data-v-1fa63f8b]::-webkit-scrollbar-track{background:0 0}.items-list[data-v-1fa63f8b]::-webkit-scrollbar-track{background:0 0}.notification-item[data-v-1fa63f8b],.item-card[data-v-1fa63f8b]{background:#fafafa;border:1px solid #eee;border-radius:12px;padding:12px}.notification-item small[data-v-1fa63f8b]{color:var(--color-medium-gray)}.item-header[data-v-1fa63f8b]{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.status-active[data-v-1fa63f8b]{color:#14804a;background:#e8fff1;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.status-inactive[data-v-1fa63f8b]{color:#b42318;background:#fff1f1;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.btn-danger[data-v-1fa63f8b]{color:#fff;background:#ff4d4f;margin-top:12px}.btn-secondary[data-v-1fa63f8b]{color:var(--color-soft-black);background:#fff;border:1px solid #ddd}.qr-box[data-v-1fa63f8b]{background:var(--color-light-gray);border:2px dashed var(--color-medium-gray);text-align:center;word-break:break-word;border-radius:12px;margin-top:12px;padding:20px;font-weight:700}.helper-text[data-v-1fa63f8b]{color:var(--color-medium-gray);margin-top:10px;font-size:14px}:root{--color-purple:#6a00f4;--color-blue:#5323ff;--color-light-blue:#00c6ff;--color-white:#fff;--color-light-gray:#f5f5f7;--color-medium-gray:#a0a0a0;--color-soft-black:#1c1c1e;--gradient-primary:linear-gradient(135deg, #6a00f4, #5323ff, #00c6ff)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-light-gray);color:var(--color-soft-black);font-family:Arial,Helvetica,sans-serif}button{cursor:pointer;border:none;border-radius:10px;padding:12px 18px;font-weight:600}input{border:1px solid #ddd;border-radius:10px;outline:none;width:100%;padding:12px 14px}.card{background:var(--color-white);border-radius:16px;padding:20px;box-shadow:0 8px 24px #00000014}.btn-primary{background:var(--gradient-primary);color:#fff}.page-container{min-height:100vh;padding:24px}.section-title{margin-bottom:16px;font-size:22px;font-weight:700}