:root{--color-primary: #B08968;--color-primary-light: #D6BFA9;--color-primary-dark: #7F5539;--color-bg: #FFFFFF;--color-surface: #FFFFFF;--color-surface-secondary: #F7F3EF;--color-border: #EDE5DC;--color-text-primary: #2B2118;--color-text-secondary: #7A6A5C;--color-text-disabled: #B7A99A;--color-sidebar-icon: var(--color-text-secondary);--color-success: #34D399;--color-warning: #FBBF24;--color-danger: #F87171;--color-info: #60A5FA;--status-none: #D1CDE0;--status-started: #F87171;--status-progress: #FBBF24;--status-almost: #60A5FA;--status-mastered: #34D399;--event-class: #B08968;--event-band: #7A9B8E;--event-event: #C17A54;--event-recurrent: #8B6F55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(176, 137, 104, .1);--shadow-md: 0 4px 12px rgba(176, 137, 104, .14);--shadow-lg: 0 8px 24px rgba(176, 137, 104, .18);--font-body: "Outfit", sans-serif;--font-display: "Syne", sans-serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 26px;--text-hero: 48px;--sidebar-width: 240px;--sidebar-compact: 60px;--transition-fast: .15s ease;--transition-normal: .25s ease;color-scheme:only light}*,*: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-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:600}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}img,svg{display:block;max-width:100%}button{cursor:pointer;font-family:var(--font-body)}input,textarea,select{font-family:var(--font-body)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;font-size:var(--text-base);border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;text-decoration:none;line-height:1.4}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff}.btn-secondary{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-secondary:hover{background-color:#b089681a}.btn-ghost{background-color:transparent;border:none;color:var(--color-text-secondary)}.btn-ghost:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:5px 10px;font-size:var(--text-sm)}.btn-lg{padding:12px 24px;font-size:var(--text-md)}.btn:disabled{opacity:.5;cursor:not-allowed}.entity-card-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-1)}.entity-card-actions .entity-card-btn{width:100%;justify-content:center}.list-card .entity-card-actions,.card--list .entity-card-actions{flex:0 0 100%;max-width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.form-input,.form-textarea,.form-select{width:100%;background-color:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;font-size:var(--text-base);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-disabled)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #b0896826}.form-textarea{resize:vertical;min-height:100px}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.badge-status-none{background:#d1cde033;color:var(--status-none)}.badge-status-started{background:#f8717126;color:var(--status-started)}.badge-status-progress{background:#fbbf2426;color:var(--status-progress)}.badge-status-almost{background:#60a5fa26;color:var(--status-almost)}.badge-status-mastered{background:#34d39926;color:var(--status-mastered)}.badge-primary{background:#b0896826;color:var(--color-primary-dark)}.badge-success{background:#34d39926;color:var(--color-success)}.badge-warning{background:#fbbf2426;color:var(--color-warning)}.badge-danger{background:#f8717126;color:var(--color-danger)}.badge-info{background:#60a5fa26;color:var(--color-info)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background-color:var(--color-surface-secondary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{height:14px}.skeleton-title{height:20px}.skeleton-avatar{border-radius:var(--radius-full)}.avatar{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-full);background-color:var(--color-surface-secondary);flex-shrink:0}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:56px;height:56px}.avatar-xl{width:80px;height:80px}.avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar-placeholder{width:100%;height:100%;border-radius:inherit;background-color:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);flex-shrink:0}.avatar-xl .avatar-placeholder{font-size:var(--text-xl)}.avatar-lg .avatar-placeholder{font-size:var(--text-lg)}.avatar-md .avatar-placeholder{font-size:var(--text-sm)}.avatar-sm .avatar-placeholder{font-size:11px}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:500;min-width:280px;max-width:400px;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:3px solid var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-warning{border-left:3px solid var(--color-warning)}.toast-info{border-left:3px solid var(--color-info)}.modal-backdrop{position:fixed;inset:0;background-color:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:modal-in .25s ease}.modal.modal--overflow-visible,.modal.assign-topic-modal{overflow:visible;max-height:none}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.modal-title{font-size:var(--text-lg);font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.page-content.entity-detail{display:flex;flex-direction:column;gap:var(--space-5)}.entity-detail .section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}.entity-detail .section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.entity-detail .section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:600;color:var(--color-primary-dark);margin:0}.entity-detail .section-title lucide-icon{color:var(--color-primary);flex-shrink:0}.page-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary)}.page-content{padding:var(--space-8)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-6);text-align:center}.empty-state-icon{opacity:.3;color:var(--color-primary)}.empty-state-title{font-size:var(--text-md);font-weight:600;color:var(--color-text-primary)}.empty-state-text{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:320px}.divider{height:1px;background-color:var(--color-border);margin:var(--space-4) 0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-hidden{overflow:hidden}.w-full{width:100%}.h-full{height:100%}.font-display{font-family:var(--font-display)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary-light)}