:root{--ocean-deep: #0a2647;--ocean-medium: #144272;--ocean-light: #205295;--ocean-bright: #2c74b3;--turquoise: #00d4ff;--turquoise-light: #4dd0e1;--coral: #ff6b6b;--coral-light: #ff8787;--sand: #f4e4c1;--sand-light: #faf7f0;--foam: #e8f4f8;--white: #ffffff;--text-dark: #1a1a2e;--text-medium: #16213e;--text-light: #6c757d;--shadow-sm: 0 2px 4px rgba(10, 38, 71, .1);--shadow-md: 0 4px 6px rgba(10, 38, 71, .15);--shadow-lg: 0 10px 20px rgba(10, 38, 71, .2);--shadow-xl: 0 20px 40px rgba(10, 38, 71, .25);--gradient-ocean: linear-gradient(135deg, var(--ocean-deep) 0%, var(--ocean-medium) 50%, var(--ocean-light) 100%);--gradient-turquoise: linear-gradient(135deg, var(--turquoise) 0%, var(--turquoise-light) 100%);--gradient-wave: linear-gradient(180deg, var(--foam) 0%, var(--white) 100%);--admin-primary: #6366f1;--admin-primary-dark: #4f46e5;--admin-bg: #f8f9fa;--admin-card: #ffffff;--admin-border: #e2e8f0;--admin-text: #1a202c;--admin-text-muted: #718096;--admin-success: #10b981;--admin-error: #ef4444;--admin-warning: #f59e0b}*{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:var(--admin-bg);color:var(--admin-text);min-height:100vh;margin:0;padding:0}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 1024px){.responsive-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--ocean-bright);text-decoration:none;transition:all .3s ease}a:hover{color:var(--turquoise);text-decoration:none}.btn-primary{background:linear-gradient(180deg,var(--ocean-medium) 0%,var(--ocean-deep) 100%);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);background:linear-gradient(180deg,var(--ocean-light) 0%,var(--ocean-medium) 100%)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--ocean-medium);border:2px solid var(--ocean-medium);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease}.btn-secondary:hover{background:#1442720d;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--white);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid rgba(44,116,179,.1)}.card:hover{border-color:var(--turquoise-light)}.card-form{padding:2rem;background:linear-gradient(135deg,var(--white) 0%,var(--foam) 100%);border:2px solid var(--turquoise-light);border-radius:12px}.card-sidebar{padding:1.5rem;background:linear-gradient(135deg,var(--white) 0%,var(--foam) 100%);border:2px solid var(--turquoise-light);border-radius:12px}.input-field{width:100%;padding:.75rem 1rem;border:2px solid rgba(44,116,179,.2);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--white);color:var(--text-dark)}.input-field:focus{outline:none;border-color:var(--turquoise);box-shadow:0 0 0 3px #00d4ff1a}.input-field::placeholder{color:var(--text-light)}.select-field{width:100%;padding:.75rem 1rem;border:2px solid rgba(44,116,179,.2);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--white);color:var(--text-dark);cursor:pointer}.select-field:focus{outline:none;border-color:var(--turquoise);box-shadow:0 0 0 3px #00d4ff1a}.textarea-field{width:100%;padding:.75rem 1rem;border:2px solid rgba(44,116,179,.2);border-radius:8px;font-size:1rem;transition:all .3s ease;background:var(--white);color:var(--text-dark);font-family:inherit;resize:vertical;min-height:100px}.textarea-field:focus{outline:none;border-color:var(--turquoise);box-shadow:0 0 0 3px #00d4ff1a}.label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--ocean-medium);font-size:.95rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;background:var(--gradient-turquoise);color:var(--white)}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(-10px)}}.wave-animation{animation:wave 3s ease-in-out infinite}