*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5;color:#1a1a1a}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#1a1a2e;color:#fff;padding:0;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h1{font-size:20px;font-weight:700}.sidebar-header p{font-size:12px;opacity:.6;margin-top:4px}.sidebar-nav{padding:12px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#ffffffb3;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#007aff33;color:#5ac8fa;border-left:3px solid #5ac8fa}.nav-item-icon{margin-right:12px;font-size:18px}.main-content{margin-left:260px;flex:1;padding:32px}.page-header{margin-bottom:28px}.page-header h2{font-size:26px;font-weight:700;color:#1a1a1a}.page-header p{font-size:14px;color:#666;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f}.stat-card-icon{font-size:28px;margin-bottom:8px}.stat-card-label{font-size:13px;color:#666;font-weight:500}.stat-card-value{font-size:32px;font-weight:700;margin:8px 0 4px}.stat-card-change{font-size:12px;font-weight:600}.stat-card-change.positive{color:#34c759}.stat-card-change.negative{color:#ff3b30}.table-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.table-header h3{font-size:16px;font-weight:600}.table-search{padding:8px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;width:240px;outline:none}.table-search:focus{border-color:#007aff}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:12px 20px;font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f0f0f0}tbody td{padding:14px 20px;font-size:14px;border-bottom:1px solid #f8f8f8}tbody tr:hover{background:#fafafa}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge-active,.badge-green{background:#e8f5e9;color:#2e7d32}.badge-expired,.badge-red{background:#ffebee;color:#c62828}.badge-warning,.badge-yellow{background:#fff8e1;color:#f57f17}.badge-gray{background:#f0f0f0;color:#666}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e)}.login-card{background:#fff;border-radius:16px;padding:40px;width:400px;box-shadow:0 20px 60px #0000004d}.login-card h1{font-size:24px;text-align:center;margin-bottom:8px}.login-card p{text-align:center;color:#666;font-size:14px;margin-bottom:24px}.register-card{background:#fff;border-radius:16px;padding:40px;width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.register-card h1{font-size:24px;text-align:center;margin-bottom:8px}.register-card p{text-align:center;color:#666;font-size:14px;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#007aff}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.checkbox-item input[type=checkbox]{width:auto;accent-color:#007aff}.btn-primary{width:100%;padding:14px;background:#007aff;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.btn-primary:hover{background:#0066d6}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{padding:8px 16px;background:#007aff;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:#0066d6}.btn-success{padding:8px 16px;background:#34c759;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-success:hover{background:#2da44e}.link-button{background:none;border:none;color:#007aff;font-size:14px;cursor:pointer;margin-top:16px;text-decoration:underline}.link-button:hover{color:#0066d6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;border-radius:16px;padding:32px;width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal h3{font-size:20px;font-weight:700;margin-bottom:20px}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-actions .btn-primary{flex:1}.modal-actions .btn-cancel{flex:1;padding:14px;background:#f0f0f0;color:#333;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer}.modal-actions .btn-cancel:hover{background:#e0e0e0}.review-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f;margin-bottom:12px}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.review-stars{color:#f5a623;font-size:18px}.review-date{font-size:12px;color:#888}.review-comment{font-size:14px;color:#333;line-height:1.5}.review-author{font-size:12px;color:#888;margin-top:8px}.avg-rating{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000f;margin-bottom:20px;text-align:center}.avg-rating-value{font-size:48px;font-weight:700;color:#f5a623}.avg-rating-stars{font-size:28px;margin:8px 0}.avg-rating-count{font-size:14px;color:#666}.loading{text-align:center;padding:60px 20px;color:#888;font-size:16px}.error{text-align:center;padding:40px 20px;color:#c62828;background:#ffebee;border-radius:12px;margin-bottom:20px}.empty-state{text-align:center;padding:60px 20px;color:#888}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state p{font-size:16px}.profile-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000000f;max-width:700px}.profile-card h3{font-size:18px;font-weight:600;margin-bottom:20px}.success-message{background:#e8f5e9;color:#2e7d32;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.error-message{background:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.btn-ghost{padding:8px 16px;background:#fff;color:#1a1a2e;border:1px solid #d0d4dc;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-ghost:hover{background:#f2f4f7}.btn-ghost:disabled,.btn-success:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed}.table-card{overflow-x:auto}.main-content{min-width:0}