*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #fafafa;--cream-light: #ffffff;--cream-dark: rgba(0,0,0,.06);--blush: #fdf2f2;--blush-dark: #fee2e2;--rose: #ba0001;--rose-dark: #8c0001;--gold: #c9a96e;--gold-light: #d4bc8d;--gold-dark: #a68b5a;--charcoal: #111111;--charcoal-mid: #4a4a4a;--charcoal-light: #888888;--white: #ffffff;--shadow-sm: none;--shadow-md: none;--shadow-lg: none;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--font-display: "Google Sans", sans-serif;--font-body: "Google Sans", sans-serif;--transition: all .4s cubic-bezier(.16, 1, .3, 1)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--charcoal);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-body);font-size:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--rose);color:var(--white);font-weight:800;letter-spacing:-.01em}.btn-primary:hover{background:var(--rose-dark);transform:translateY(-2px)}.btn-rose{background:var(--rose);color:var(--white)}.btn-rose:hover{background:var(--rose-dark)}.btn-gold{background:var(--gold);color:var(--white)}.btn-gold:hover{background:var(--gold-dark);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--charcoal-mid);border:1.5px solid var(--cream-dark);font-weight:700}.btn-ghost:hover{background:var(--cream);border-color:var(--rose);color:var(--rose)}.btn-danger{background:#fdf2f2;color:#991b1b;border:1px solid #fee2e2}.btn-danger:hover{background:#fee2e2;transform:translateY(-2px)}.btn-sm{padding:7px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--charcoal-mid)}.form-input{padding:10px 14px;border:1px solid var(--cream-dark);border-radius:var(--radius-sm);background:var(--white);color:var(--charcoal);font-size:14px;transition:var(--transition);width:100%}.form-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #ba00011a}.form-input::placeholder{color:var(--charcoal-light)}textarea.form-input{resize:vertical;min-height:100px}.form-select{padding:10px 14px;border:1px solid var(--cream-dark);border-radius:var(--radius-sm);background:var(--white);color:var(--charcoal);font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a8078' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.form-select:focus{outline:none;border-color:var(--gold)}.card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--cream-dark);padding:24px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.badge-green{background:#f0fdf4;color:#166534;border:1px solid #dcfce7}.badge-red{background:#fef2f2;color:#991b1b;border:1px solid #fee2e2}.badge-amber{background:#fffbeb;color:#92400e;border:1px solid #fef3c7}.badge-blue{background:#eff6ff;color:#1e40af;border:1px solid #dbeafe}.badge-gray{background:var(--cream-dark);color:var(--charcoal-mid)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:16px 20px;font-size:11px;font-weight:800;color:var(--charcoal-light);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--cream-dark);background:#fff;white-space:nowrap}td{padding:16px 20px;border-bottom:1px solid var(--cream-dark);color:var(--charcoal);font-size:14px;font-weight:500}tr:last-child td{border-bottom:none}tr:hover td{background:var(--cream)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.spinner{width:36px;height:36px;border:2px solid var(--cream-dark);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c282580;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s ease}.modal{background:var(--white);border-radius:32px;padding:40px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 40px 80px #0000001f;animation:scaleIn .4s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.modal-header h2{font-size:24px;font-weight:800;letter-spacing:-.02em}.modal-close{background:var(--cream);color:var(--charcoal-light);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s}.modal-close:hover{background:var(--rose);color:var(--white)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.divider{display:flex;align-items:center;gap:12px;color:var(--charcoal-light);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--cream-dark)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.page-header h1{font-size:32px}.page-header p{color:var(--charcoal-light);font-size:14px;margin-top:4px}.empty-state{text-align:center;padding:60px 24px;color:var(--charcoal-light)}.empty-state h3{font-family:var(--font-display);font-size:22px;margin-bottom:8px;color:var(--charcoal-mid)}.empty-state p{font-size:14px;margin-bottom:20px}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;box-shadow:var(--shadow-md);animation:slideUp .2s ease}.toast-success{background:#2e7d32;color:#fff}.toast-error{background:#c62828;color:#fff}.toast-info{background:var(--charcoal);color:var(--cream)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.responsive-banner{display:flex;flex-direction:row;align-items:stretch;overflow:hidden}.banner-content{padding:24px 32px;flex:1;border-right:1px solid var(--cream-dark)}.banner-side{padding:24px;display:flex;align-items:center;justify-content:center;background:var(--cream-light);min-width:180px}.stat-group{display:flex;gap:40px}.stat-item{padding-left:40px;border-left:1px solid var(--cream-dark)}.stat-item:first-child{padding-left:0;border-left:none}@media(max-width:768px){.responsive-banner{flex-direction:column}.banner-content{border-right:none;border-bottom:1px solid var(--cream-dark);padding:20px 24px}.banner-side{width:100%;padding:16px 24px;min-width:initial}.stat-group{gap:24px;flex-wrap:wrap}.stat-item{padding-left:24px}.card{padding:16px}.modal{padding:20px}.page-header h1{font-size:24px}.btn{padding:9px 16px;font-size:13px}.btn-sm{padding:7px 12px;font-size:12px}table{min-width:560px}th,td{padding:10px 12px;font-size:13px}}