:root{--color-primary: #7FB5B5;--color-primary-dark: #4A7C82;--color-primary-light: #A7D3CD;--color-secondary: #B5A8D0;--color-accent: #F08A78;--color-accent-light: #F5C6AA;--color-success: #8BA898;--color-warning: #F5C6AA;--color-danger: #F08A78;--color-info: #A7D3CD;--color-background: #F8F9FA;--color-background-secondary: #FFF8F0;--color-text-primary: #2C3E50;--color-text-secondary: #6C757D;--color-text-muted: #ADB5BD}body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-primary: #7FB5B5;--color-primary-light: #A7D3CD;--color-primary-dark: #4A7C82;--color-secondary: #B5A8D0;--color-secondary-light: #C9BBD7;--color-secondary-dark: #8A7BA8;--color-accent: #F08A78;--color-accent-light: #F5C6AA;--color-success: #8BA898;--color-success-light: #B8C5B5;--color-warning: #F5C6AA;--color-danger: #F08A78;--color-info: #A7D3CD;--color-background: #F8F9FA;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text-primary: #2C3E50;--color-text-secondary: #6C757D;--color-text-muted: #8A9BA8;--color-text-inverse: #FFFFFF;--color-border: #E0E0E0;--color-border-strong: #CED4DA;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(44, 62, 80, .05);--shadow-md: 0 4px 6px rgba(44, 62, 80, .05);--shadow-lg: 0 10px 15px rgba(44, 62, 80, .08);--shadow-xl: 0 20px 25px rgba(44, 62, 80, .1);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-family-heading: "Nunito", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-base: 1.6;--line-height-tight: 1.3;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}input,textarea,select,button{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:#7fb5b533;color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.my-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.my-sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.my-md{margin-top:var(--space-md);margin-bottom:var(--space-md)}.my-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.w-auto{width:auto}.mx-auto{margin-left:auto;margin-right:auto}.m-auto{margin:auto}.hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-lg) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;min-height:48px;border-radius:var(--radius-full);border:none;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #7fb5b54d}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 4px 12px #7fb5b54d}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-background);border-color:var(--color-border-strong)}.btn-outline{background-color:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:#7fb5b51a}.btn-outline-secondary{background-color:transparent;border:2px solid var(--color-secondary);color:var(--color-secondary)}.btn-outline-secondary:hover:not(:disabled){background-color:#b5a8d01a}.btn-danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background-color:#e07060}.btn-sm{padding:.5rem 1rem;min-height:40px;font-size:var(--font-size-sm)}.btn-lg{padding:1rem 2rem;min-height:56px;font-size:var(--font-size-lg)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:none;transition:box-shadow var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.card-body{padding:var(--space-lg)}.card-body-sm{padding:var(--space-md)}.alert{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid;margin-bottom:var(--space-md);font-size:var(--font-size-base);display:flex;align-items:center;gap:var(--space-sm)}.alert-info{background-color:#7fb5b514;border-color:#7fb5b533;color:var(--color-primary-dark)}.alert-success{background-color:#8ba89814;border-color:#8ba89833;color:var(--color-success)}.alert-warning{background-color:#f5c6aa26;border-color:#f5c6aa4d;color:#8b6b3a}.alert-danger{background-color:#f08a7814;border-color:#f08a7833;color:var(--color-danger)}.alert p{margin:0}.alert p+p{margin-top:var(--space-xs)}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;margin-bottom:var(--space-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-control{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-surface);transition:all var(--transition-base)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #7fb5b51a}.form-control::placeholder{color:var(--color-text-muted)}.form-control:disabled{background-color:var(--color-background);cursor:not-allowed}.form-control-textarea{resize:vertical;min-height:80px}.form-control-invalid{border-color:var(--color-danger)}.form-control-invalid:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #f08a781a}.form-feedbackInvalid{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-xs)}.table{width:100%;border-collapse:collapse;border-radius:var(--radius-md);overflow:hidden;font-size:var(--font-size-sm)}.table th,.table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.table th{background-color:var(--color-background);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.table tbody tr{transition:background-color var(--transition-base)}.table tbody tr:hover{background-color:var(--color-background);cursor:pointer}.table tbody tr:last-child td{border-bottom:none}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (min-width: 768px){.table-responsive{overflow-x:visible}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm)}.navbar-brand{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none;margin:0;padding:0}.navbar-brand:hover{color:var(--color-primary-dark)}.navbar-text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.spinner{width:2rem;height:2rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:1.5rem;height:1.5rem;border-width:2px}.spinner-lg{width:3rem;height:3rem;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.container{width:100%;max-width:100%;margin:0 auto;padding:0 var(--space-md)}.container-fluid{width:100%;padding:0 var(--space-md)}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.max-w-sm{max-width:500px}.max-w-md{max-width:600px}.max-w-lg{max-width:800px}.max-w-xl{max-width:1000px}.hidden{display:none}.visible{display:block}.sm-hidden,.md-hidden,.lg-hidden{display:none}@media (min-width: 576px){.sm-hidden{display:none}.sm-block{display:block}.sm-flex{display:flex}}@media (min-width: 768px){.md-hidden{display:none}.md-block{display:block}.md-flex{display:flex}}@media (min-width: 992px){.lg-hidden{display:none}.lg-block{display:block}.lg-flex{display:flex}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.slide-up{animation:slideUp var(--transition-slow) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}