.auth-page{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 10% 10%,#ece8ff,transparent 65%),#f5f6fa;padding:30px 18px;font-family:Inter,Arial,sans-serif}.auth-card{width:min(100%,480px);padding:38px;background:white;border:1px solid #e5e7ef;border-radius:22px;box-shadow:0 16px 80px #2530600d}.auth-card h1{font-size:32px;letter-spacing:-1px;margin:14px 0}.auth-label{display:block;color:#7562ca;font-size:10px;letter-spacing:1.5px;font-weight:700;margin-top:34px}.auth-tabs{display:flex;border-bottom:1px solid #e6e7ef;margin:26px 0}.auth-tabs button,.auth-setup{border:0;background:transparent;cursor:pointer;color:#73768b;font:inherit;padding:12px}.auth-tabs .active{color:#7156c9;border-bottom:2px solid #7156c9}.auth-card .field{margin:16px 0}.auth-card input{width:100%}.auth-submit{width:100%;justify-content:center;margin-top:10px;background:#7960cf}.auth-setup{font-size:11px;padding:0;margin-top:24px}.auth-note{font-size:11px;color:#85899b;margin-top:24px;line-height:1.7}.cloud-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}.cloud-connection{font-size:11px;color:#6f628b;background:#f1edfb;border:1px solid #e4dff4;border-radius:8px;padding:9px 12px}.cloud-invite-code{display:block;white-space:normal;word-break:break-all;margin:15px 0;padding:14px;background:#f4f1fc;color:#554589;font-size:15px}.cloud-pairing-code{font-size:15px!important;word-break:break-all;letter-spacing:1px!important}@media(max-width:500px){.auth-card{padding:26px}.auth-card h1{font-size:28px}}
.cloud-invite-form{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:10px;align-items:end;margin:18px 0 12px}.cloud-invite-form .field{margin:0}.cloud-invite-form .field input,.cloud-invite-form .field select{width:100%;min-width:0}.cloud-invite-form .btn{height:40px;white-space:nowrap}.cloud-invite-sent strong{display:block;color:#3e355c;font-size:12px}.cloud-invite-sent p{margin:6px 0 0}.cloud-invite-sent .btn{margin-top:4px}.cloud-invite-sent .cloud-invite-code{font-size:12px;margin:10px 0}
.cloud-invite-manual{margin:4px 0 6px;font-size:11px;color:#77708f}.cloud-invite-manual summary{cursor:pointer;padding:6px 0;width:max-content;max-width:100%}.cloud-invite-manual .buttons{margin:8px 0 4px}
.cloud-team-section{margin-top:22px}.cloud-team-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid #eeebf5}.cloud-team-head h3{margin:0;font-size:13px;color:#3e355c}.cloud-team-head h3 span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:10px;background:#f1edfb;color:#6a55c4;font-size:10px}.cloud-team-reset{margin:12px 0 0}.cloud-team-reset p{margin:0 0 10px}
.cloud-member-list,.cloud-invite-list{list-style:none;margin:0;padding:0}.cloud-member,.cloud-invite{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1eef7;font-size:12px}.cloud-member .avatar{flex:none;width:34px;height:34px;background:#f1edfb;color:#6a55c4}.cloud-member-main,.cloud-invite>div{flex:1;min-width:0}.cloud-member-main strong,.cloud-invite strong{display:block;color:#3e355c;font-size:12px;overflow-wrap:anywhere}.cloud-member-main strong small{display:inline;font-weight:400;color:#8d86a3;font-size:11px}.cloud-member-main span{display:block;color:#6a55c4;font-size:11px;margin-top:2px}.cloud-member-main em{font-style:normal;color:#b0889a}.cloud-member-main small,.cloud-invite small{display:block;color:#7c7792;font-size:11px;margin-top:2px;overflow-wrap:anywhere}.cloud-member-main a{color:inherit}.cloud-member-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.cloud-member .badge,.cloud-invite .badge{flex:none}
@media(max-width:620px){.cloud-invite-form{grid-template-columns:1fr}.cloud-member{flex-wrap:wrap}.cloud-member-main{flex-basis:calc(100% - 46px)}.cloud-member .badge{margin-left:46px}.cloud-member-actions{flex-basis:100%;justify-content:flex-start;padding-left:46px}.cloud-invite{flex-wrap:wrap}.cloud-invite>div{flex-basis:100%}}
.cloud-stock-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.cloud-stock-summary div{background:white;border:1px solid #e3e5ee;padding:20px;border-radius:12px}.cloud-stock-summary span,.cloud-stock-summary small{display:block;color:#767c91;font-size:11px}.cloud-stock-summary strong{display:block;font-size:32px;line-height:1.5;letter-spacing:-1px;color:#3e355c}.cloud-stock-summary div:nth-child(2) strong{color:#7960cf}.cloud-stock-summary div:nth-child(4) strong{color:#d18b37}.cloud-stock-summary small{font-size:10px}@media(max-width:650px){.cloud-stock-summary{grid-template-columns:1fr 1fr}.cloud-stock-summary div{padding:14px}}
.cloud-team-entry{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;background:#f5f2fe;border:1px solid #e6dff9;border-radius:12px;margin-bottom:18px}.cloud-team-entry>div{flex:1;min-width:180px}.cloud-team-entry strong{font-size:14px;color:#3e355c}.cloud-team-entry p{font-size:12px;color:#75718c;margin:6px 0 0}.member-management-access .field{margin-top:16px}.member-management-access select{width:100%}.team-profile-access{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.team-profile-access .badge{white-space:normal}#reservation-form .field>.btn{align-self:flex-start;margin-top:8px}#reservation-form #reservation-lines+div{display:flex;gap:8px;flex-wrap:wrap}.profile-details>.profile-section .team-profile-access{margin-bottom:0}
.settings-storage{grid-column:1/-1;scroll-margin-top:28px}.settings-storage .settings-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.settings-storage .settings-card-head>div{flex:1;min-width:180px}.storage-place{display:flex;gap:14px;align-items:center;padding:18px 0;border-top:1px solid #eeedf5}.storage-place>div{flex:1;min-width:0}.storage-place strong{font-size:14px;overflow-wrap:anywhere}.storage-place p{font-size:12px;color:#7c7792;margin:5px 0;overflow-wrap:anywhere}.storage-place small{font-size:11px;color:#7165a0}.storage-place-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#f1edfb;color:#7c5ce7;flex:none}.storage-place-icon svg{width:20px;height:20px}#item-form [name=warehouseId]{width:100%}#item-form .field>.btn{align-self:flex-start;margin-top:8px}#item-form .field>.text-link{font-size:11px;line-height:1.6;margin-top:8px}@media(max-width:440px){.storage-place{flex-wrap:wrap}.storage-place .btn{margin-left:54px}.settings-storage .settings-card-head>div{min-width:100%}}
