.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.login-card h1{font-size:28px;color:#1a1a1a;margin-bottom:8px;text-align:center}.login-subtitle{color:#666;text-align:center;margin-bottom:32px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s}.form-group input:focus{outline:none;border-color:#667eea}.login-button{padding:12px 24px;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;margin-top:8px}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.login-button:active{transform:translateY(0)}.error-message{background:#fee;color:#c33;padding:12px;border-radius:8px;font-size:14px;text-align:center}.dashboard-container{display:flex;min-height:100vh;background-color:#f5f5f5}.sidebar{width:260px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:width .3s ease;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar.closed{width:80px}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{font-size:20px;color:#1a1a1a;font-weight:700;white-space:nowrap;overflow:hidden}.sidebar.closed .sidebar-header h2{display:none}.sidebar-toggle{background:none;border:none;cursor:pointer;color:#666;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.sidebar-toggle:hover{background:#f0f0f0}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;border-radius:8px;cursor:pointer;color:#666;font-size:14px;font-weight:500;transition:all .2s;text-align:left;width:100%}.nav-item:hover{background:#f5f5f5;color:#333}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-item span{white-space:nowrap}.sidebar.closed .nav-item span{display:none}.sidebar-footer{padding:16px 12px;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:8px}.user-info{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f5f5f5}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.username{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.closed .username{display:none}.logout-button{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:#fee;color:#c33;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;width:100%;text-align:left}.logout-button:hover{background:#fdd}.logout-button span{white-space:nowrap}.sidebar.closed .logout-button span{display:none}.main-content{flex:1;overflow-y:auto}.content-wrapper{padding:32px;max-width:1400px;margin:0 auto}@media (max-width: 768px){.sidebar{position:fixed;z-index:1000;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.content-wrapper{padding:20px}}.dashboard-home{display:flex;flex-direction:column;gap:32px}.welcome-section{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff}.welcome-section h1{font-size:36px;margin-bottom:8px;font-weight:700}.welcome-section p{font-size:16px;opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.stat-icon{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.products{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.orders{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.storages{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.accounts{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-content{flex:1}.stat-value{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.quick-actions{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.quick-actions h2{font-size:24px;color:#1a1a1a;margin-bottom:20px;font-weight:700}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-card{padding:24px;border:2px solid #e0e0e0;border-radius:12px;text-align:center;transition:all .2s;cursor:pointer}.action-card:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-2px)}.action-card svg{color:#667eea;margin-bottom:12px}.action-card h3{font-size:16px;color:#1a1a1a;margin-bottom:8px;font-weight:600}.action-card p{font-size:12px;color:#666}.products-page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:center}.page-header h1{font-size:32px;color:#1a1a1a;font-weight:700}.add-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.add-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.product-form-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.product-form-card .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.product-form-card label{font-size:14px;font-weight:500;color:#333}.product-form-card input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.product-form-card input:focus{outline:none;border-color:#667eea}.form-actions{display:flex;gap:12px}.submit-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s}.submit-button:hover{transform:translateY(-2px)}.cancel-button{padding:12px 24px;background:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.cancel-button:hover{background:#e0e0e0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.product-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;align-items:flex-start;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.product-info h3{font-size:18px;color:#1a1a1a;margin-bottom:8px;font-weight:600}.product-date{font-size:12px;color:#999}.delete-button{background:#fee;color:#c33;border:none;border-radius:6px;padding:8px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.delete-button:hover{background:#fdd}.empty-state{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#999}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:16px}.orders-page{display:flex;flex-direction:column;gap:24px}.order-form-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.order-form-card .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.order-form-card label{font-size:14px;font-weight:500;color:#333}.order-form-card input,.order-form-card select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.order-form-card input:focus,.order-form-card select:focus{outline:none;border-color:#667eea}.orders-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.order-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.order-info h3{font-size:18px;color:#1a1a1a;margin-bottom:4px;font-weight:600}.order-client{font-size:14px;color:#666}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize;white-space:nowrap}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.waiting{background:#ffeaa7;color:#d63031}.status-badge.failed{background:#f8d7da;color:#721c24}.status-badge.cancelled{background:#e0e0e0;color:#666}.orders-table-container{overflow-x:auto}.orders-table{min-width:1000px}.orders-table tbody tr:hover{background:#f8f9fa}@media (max-width: 768px){.orders-table{min-width:1200px}}.order-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-label{font-size:12px;color:#999;font-weight:500;text-transform:uppercase;min-width:80px}.detail-value{font-size:14px;color:#333;text-align:right;word-break:break-word}.detail-value code{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:13px}.email-link{color:#667eea;text-decoration:none}.email-link:hover{text-decoration:underline}.storages-page{display:flex;flex-direction:column;gap:24px}.storage-form-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#333}.form-group select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s;background:#fff}.form-group select:focus{outline:none;border-color:#667eea}.accounts-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header label{font-size:14px;font-weight:500;color:#333}.add-account-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f5f5f5;color:#666;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.add-account-button:hover{background:#e0e0e0}.accounts-list{display:flex;flex-direction:column;gap:8px}.account-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.account-row input{padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s}.account-row input:focus{outline:none;border-color:#667eea}.remove-account-button{background:#fee;color:#c33;border:none;border-radius:6px;padding:10px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.remove-account-button:hover{background:#fdd}.storages-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.storage-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.storage-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.storage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.storage-info h3{font-size:18px;color:#1a1a1a;margin-bottom:4px;font-weight:600}.storage-period{display:inline-block;padding:4px 12px;background:#f0f0f0;color:#666;border-radius:12px;font-size:12px;font-weight:500}.storage-accounts{border-top:1px solid #e0e0e0;padding-top:12px}.accounts-count{font-size:12px;color:#999;margin-bottom:8px}.accounts-preview{display:flex;flex-wrap:wrap;gap:6px}.account-badge{display:inline-block;padding:4px 10px;background:#f5f5f5;color:#666;border-radius:12px;font-size:12px}.account-badge.more{background:#e0e0e0;font-weight:500}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.accounts-page{display:flex;flex-direction:column;gap:24px}.page-subtitle{color:#666;font-size:14px;margin-top:4px}.accounts-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.accounts-table{width:100%;border-collapse:collapse;table-layout:auto;display:table}.accounts-table thead{display:table-header-group;background:#f8f9fa;border-bottom:2px solid #e0e0e0}.accounts-table tbody{display:table-row-group}.accounts-table tr{display:table-row}.accounts-table th{display:table-cell;padding:16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.accounts-table th svg{display:inline-block;vertical-align:middle;margin-right:6px}.accounts-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.accounts-table tbody tr:hover{background:#f8f9fa}.accounts-table tbody tr:last-child{border-bottom:none}.accounts-table td{display:table-cell;padding:16px;font-size:14px;color:#333;vertical-align:middle}.subscription-cell{display:flex;align-items:center}.subscription-name{font-weight:600;color:#1a1a1a}.username-cell code{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#333}.email-cell{display:flex;align-items:center}.period-badge{display:inline-block;padding:4px 12px;background:#f0f0f0;color:#666;border-radius:12px;font-size:12px;font-weight:500}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:#d4edda;color:#155724}.accounts-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.status-badge.expired{background:#f8d7da;color:#721c24}.days-remaining{font-weight:600;font-size:13px}.days-remaining.good{color:#28a745}.days-remaining.caution{color:#ffc107}.days-remaining.warning{color:#fd7e14}.days-remaining.expired{color:#dc3545}.client-name-cell{font-weight:500;color:#333}@media (max-width: 768px){.accounts-table-container{overflow-x:auto}.accounts-table{min-width:800px}}.email-steps-page{display:flex;flex-direction:column;gap:24px}.email-step-form-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.email-step-form-card .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.email-step-form-card label{font-size:14px;font-weight:500;color:#333}.email-step-form-card input[type=text],.email-step-form-card textarea{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s;font-family:inherit}.email-step-form-card input:focus,.email-step-form-card textarea:focus{outline:none;border-color:#667eea}.email-step-form-card input:disabled,.email-step-form-card textarea:disabled{background:#f5f5f5;cursor:not-allowed}.points-list{display:flex;flex-direction:column;gap:8px}.point-item{display:flex;gap:8px;align-items:center}.email-steps-list{display:flex;flex-direction:column;gap:16px}.email-step-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.email-step-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.step-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.step-info h3{font-size:18px;color:#1a1a1a;margin:0;font-weight:600}.step-points{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0}.step-points ul{margin:0;padding-left:20px;color:#333}.step-points li{margin:8px 0;line-height:1.6}@media (max-width: 768px){.step-header{flex-direction:column;gap:12px}.step-header>div:last-child{width:100%;justify-content:flex-start}}.users-page{display:flex;flex-direction:column;gap:24px}.user-form-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.user-form-card .form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.user-form-card label{font-size:14px;font-weight:500;color:#333}.user-form-card input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.user-form-card input:focus{outline:none;border-color:#667eea}.user-form-card input:disabled{background:#f5f5f5;cursor:not-allowed}.form-actions{display:flex;gap:12px;margin-top:20px}.submit-button{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.submit-button:hover:not(:disabled){background:#5568d3}.submit-button:disabled{background:#ccc;cursor:not-allowed}.cancel-button{padding:12px 24px;background:#f5f5f5;color:#666;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.cancel-button:hover:not(:disabled){background:#e0e0e0}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse;table-layout:auto;display:table}.users-table thead{display:table-header-group;background:#f8f9fa;border-bottom:2px solid #e0e0e0}.users-table tbody{display:table-row-group}.users-table tr{display:table-row}.users-table th{display:table-cell;padding:16px;text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.users-table th svg{display:inline-block;vertical-align:middle;margin-right:6px}.users-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s}.users-table tbody tr:hover{background:#f8f9fa}.users-table tbody tr:last-child{border-bottom:none}.users-table td{display:table-cell;padding:16px;font-size:14px;color:#333;vertical-align:middle}.username-cell strong{color:#1a1a1a;font-weight:600}.email-link{color:#667eea;text-decoration:none;transition:color .2s}.email-link:hover{color:#764ba2;text-decoration:underline}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;text-align:center}.stat-value{font-size:32px;font-weight:700;color:#667eea;margin-bottom:8px}.stat-label{font-size:14px;color:#666;font-weight:500}@media (max-width: 768px){.users-table-container{overflow-x:auto}.users-table{min-width:600px}}*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:#f5f5f5}#root{width:100%;min-height:100vh}