.login-page{background:#eef3f8;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{text-align:center;background:#fff;border-radius:10px;width:100%;max-width:720px;padding:40px 34px 28px;box-shadow:0 8px 24px #0000001f}.login-icon{color:#fff;background:#2f8df3;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;font-size:34px;display:flex}.login-card h2{color:#1d4ea5;margin:0 0 30px;font-size:34px;font-weight:700}.form-group{text-align:left;margin-bottom:18px}.form-group label{color:#555;margin-bottom:8px;font-size:14px;display:block}.form-group input{border:1px solid #cfd8e3;border-radius:6px;outline:none;width:100%;height:54px;padding:0 16px;font-size:16px;transition:all .2s}.form-group input:focus{border-color:#2f8df3;box-shadow:0 0 0 3px #2f8df326}.login-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;width:100%;height:50px;margin-top:8px;font-size:17px;font-weight:600;transition:all .2s}.login-btn:hover{background:#1565c0}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:20px;display:flex}.login-footer a{color:#1d4ea5;font-size:14px;text-decoration:none}.login-footer a:hover{text-decoration:underline}.error-text{color:#dc2626;text-align:left;margin:0 0 10px;font-size:14px}*{box-sizing:border-box}.dashboard-layout{color:#1f2a37;background:#f4f7fb;grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#123d7a 0%,#0f2e5e 100%);flex-direction:column;justify-content:space-between;padding:24px 20px;display:flex}.sidebar-top{flex-direction:column;gap:24px;display:flex}.profile-card{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border-radius:20px;padding:24px 20px}.avatar-placeholder{color:#1f2937;background:#e5e7eb;border:4px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 18px;font-size:48px;display:flex}.profile-name{margin:0;font-size:1.8rem;font-weight:700}.profile-role{opacity:.9;margin:8px 0 0;font-size:1rem}.profile-divider{background:#fff3;height:1px;margin:20px 0 16px}.profile-info{text-align:left;flex-direction:column;gap:10px;font-size:.98rem;display:flex}.profile-info p{word-break:break-word;margin:0}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.nav-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{background:#ffffff1f}.nav-item.active{background:#2d74d7;box-shadow:0 8px 18px #0000002e}.nav-icon{justify-content:center;width:24px;font-size:1.1rem;display:inline-flex}.sidebar-bottom{margin-top:24px}.logout-btn{cursor:pointer;color:#123d7a;background:#fff;border:none;border-radius:14px;width:100%;padding:14px 16px;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s}.logout-btn:hover{opacity:.95;transform:translateY(-1px)}.dashboard-main{flex-direction:column;min-width:0;display:flex}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:28px 36px;display:flex}.dashboard-header h1{color:#223b61;margin:0;font-size:2.2rem}.header-subtitle{color:#6b7280;margin:8px 0 0;font-size:1rem}.header-actions{align-items:center;gap:12px;display:flex}.header-icon-btn{cursor:pointer;background:#fff;border:1px solid #dbe3ee;border-radius:12px;width:44px;height:44px;font-size:1.1rem}.dashboard-content{padding:28px 36px 36px}.welcome-card{background:#fff;border-radius:20px;margin-bottom:24px;padding:24px;box-shadow:0 8px 30px #0f172a0d}.welcome-card h2{color:#223b61;margin:0 0 8px}.welcome-card p{color:#6b7280;margin:0}.stats-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{color:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 24px #0f172a14}.stat-card:first-child{background:linear-gradient(135deg,#2ca24f,#23903f)}.stat-card:nth-child(2){background:linear-gradient(135deg,#2086e3,#166bc0)}.stat-card:nth-child(3){background:linear-gradient(135deg,#f08a38,#d9711c)}.stat-card:nth-child(4){background:linear-gradient(135deg,#7657d8,#5f44bf)}.stat-card h3{margin:0 0 12px;font-size:1rem;font-weight:600}.stat-card strong{margin-bottom:8px;font-size:2rem;line-height:1;display:block}.stat-card p{opacity:.95;margin:0;font-size:.95rem}.content-grid{grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:24px;display:grid}.panel-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 8px 30px #0f172a0d}.panel-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-card-header h3,.panel-card h3{color:#223b61;margin:0}.panel-link-btn{color:#1d4ed8;cursor:pointer;background:#e8f0fe;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.table-wrap{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%}.orders-table th,.orders-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:14px 10px;font-size:.96rem}.orders-table th{color:#374151;font-weight:700}.orders-table td{color:#4b5563}.status-badge{border-radius:999px;align-items:center;padding:6px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.status-badge.shipped{color:#1d4ed8;background:#dbeafe}.status-badge.processing{color:#b45309;background:#fef3c7}.status-badge.completed{color:#15803d;background:#dcfce7}.message-list{flex-direction:column;gap:14px;display:flex}.message-item{border-bottom:1px solid #e5e7eb;padding:14px 0}.message-item:last-child{border-bottom:none}.message-title{color:#1f2937;margin:0 0 6px;font-weight:600}.message-time{color:#6b7280;font-size:.92rem}.placeholder-section{display:block}.placeholder-note{color:#6b7280;margin-top:10px}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.content-grid{grid-template-columns:1fr}}@media (width<=920px){.dashboard-layout{grid-template-columns:1fr}.sidebar{border-bottom-right-radius:24px;border-bottom-left-radius:24px}}@media (width<=640px){.dashboard-header,.dashboard-content{padding-left:18px;padding-right:18px}.dashboard-header{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr}.profile-name{font-size:1.5rem}}.single-content-section{display:block}.section-subtitle{color:#6b7280;margin:6px 0 0;font-size:.95rem}.settings-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px;margin-top:20px;display:grid}.setting-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:18px}.setting-box h4{color:#223b61;margin:0 0 8px;font-size:1rem}.setting-box p{color:#4b5563;margin:0}.support-list{flex-direction:column;gap:14px;margin-top:8px;display:flex}.support-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.support-item:last-child{border-bottom:none}.support-status{color:#1d4ed8;background:#e0ecff;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.status-badge.paid{color:#15803d;background:#dcfce7}.status-badge.pending{color:#b45309;background:#fef3c7}@media (width<=768px){.settings-grid{grid-template-columns:1fr}.support-item{flex-direction:column;align-items:flex-start}}body{margin:0;font-family:Arial,Helvetica,sans-serif}