*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:14px}body{color:#333;background:#f5f5f5;min-height:100dvh;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}a{color:#337ab7;text-decoration:none}a:hover{color:#23527c;text-decoration:underline}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}table{border-collapse:collapse;width:100%}:root{--color-bg:#f5f5f5;--color-surface:#fff;--color-surface-alt:#f9f9f9;--color-border:#ddd;--color-border-dark:#ccc;--color-text:#333;--color-text-muted:#777;--color-text-light:#999;--color-link:#337ab7;--color-link-hover:#23527c;--color-header-bg:#333;--color-header-text:#fff;--color-accent:#337ab7;--color-accent-hover:#286090;--color-success:#5cb85c;--color-warning:#f0ad4e;--color-danger:#d9534f;--color-info:#5bc0de;--badge-ongoing:#5cb85c;--badge-completed:#337ab7;--badge-hiatus:#f0ad4e;--badge-dropped:#d9534f;--radius-sm:3px;--radius-md:4px;--shadow-sm:0 1px 1px #0000000d;--shadow-md:0 1px 3px #0000001f;--header-height:50px;--sidebar-width:300px;--content-max-width:1170px}[data-theme=dark]{--color-bg:#1a1a1a;--color-surface:#252525;--color-surface-alt:#2a2a2a;--color-border:#3a3a3a;--color-border-dark:#333;--color-text:#e0e0e0;--color-text-muted:#999;--color-text-light:#777;--color-link:#6cb4ee;--color-link-hover:#8dc6f4;--color-header-bg:#111;--color-header-text:#fff;--color-accent:#4a9ede;--color-accent-hover:#3a8ece;--color-success:#4caf50;--color-warning:#ff9800;--color-danger:#f44336;--color-info:#29b6f6;--badge-ongoing:#4caf50;--badge-completed:#4a9ede;--badge-hiatus:#ff9800;--badge-dropped:#f44336;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 6px #0006}[data-theme=dark] body{background:var(--color-bg);color:var(--color-text)}[data-theme=dark] a{color:var(--color-link)}[data-theme=dark] a:hover{color:var(--color-link-hover)}[data-theme=dark] .table tr:hover{background:#2e2e2e}[data-theme=dark] .panel-heading{background:var(--color-surface-alt);border-bottom-color:var(--color-border)}[data-theme=dark] .table th{background:var(--color-surface-alt)}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 15px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px}.panel-heading{background:var(--color-surface-alt);border-bottom:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:10px 15px;font-size:1rem;font-weight:700}.panel-body{padding:15px}.breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;gap:4px;margin-bottom:16px;padding:8px 0;font-size:.9rem;list-style:none;display:flex}.breadcrumb li:after{content:">";color:var(--color-text-muted);margin-left:4px}.breadcrumb li:last-child:after{content:""}.table{border-collapse:collapse;width:100%;font-size:.93rem}.table th,.table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:8px 12px}.table th{background:var(--color-surface-alt);white-space:nowrap;font-weight:700}.table tr:hover{background:#f0f6fc}.page-layout{align-items:flex-start;gap:24px;display:flex}.page-main{flex:1;min-width:0}.page-sidebar{width:var(--sidebar-width);flex-shrink:0}@media (max-width:768px){.page-layout{flex-direction:column}.page-sidebar{width:100%}}.page-padding{padding:15px 0 40px}.page-title{margin-bottom:16px;font-size:1.5rem;font-weight:700}.form-wrap{max-width:460px;margin:0 auto}.switch-text{text-align:center;margin-top:16px;font-size:.9rem}.empty-text{text-align:center;color:var(--color-text-muted);padding:20px;font-size:.9rem}.required{color:var(--color-danger)}.form-field{margin-bottom:14px}.form-label{margin-bottom:4px;font-size:.9rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);padding:8px 10px;font-size:.95rem}.form-textarea{resize:vertical;min-height:80px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px #337ab726}.form-hint{color:var(--color-text-muted);margin-top:3px;font-size:.8rem;display:block}.form-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 24px;font-size:.95rem;font-weight:600}.form-btn:hover{background:var(--color-accent-hover)}.form-btn:disabled{opacity:.6;cursor:not-allowed}.form-error{color:#c0392b;border-radius:var(--radius-sm);background:#fce4e4;border:1px solid #f5c6c6;margin-bottom:14px;padding:10px 14px;font-size:.9rem}.form-success{color:#2e7d32;border-radius:var(--radius-sm);background:#e8f5e9;border:1px solid #c8e6c9;margin-bottom:14px;padding:10px 14px;font-size:.9rem}.info-box{color:#3c763d;border-radius:var(--radius-sm);background:#dff0d8;border:1px solid #d6e9c6;margin-bottom:14px;padding:12px;font-size:.9rem}.important-box{color:#8a6d3b;border-radius:var(--radius-sm);background:#fcf8e3;border:1px solid #faebcc;margin-bottom:14px;padding:12px;font-size:.9rem}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.genre-item{cursor:pointer;align-items:center;gap:6px;font-size:.9rem;display:flex}.checkbox-row{align-items:center;gap:8px;margin-bottom:14px;display:flex}.checkbox-label{cursor:pointer;font-size:.9rem}.check-label{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}[data-theme=dark] .form-error{color:#f5a5a5;background:#3b1515;border-color:#5a2020}[data-theme=dark] .form-success{color:#a5f5b0;background:#153b1a;border-color:#205a28}[data-theme=dark] .info-box{color:#a5dfa5;background:#1a331a;border-color:#2a4a2a}[data-theme=dark] .important-box{color:#dfc5a5;background:#332e1a;border-color:#4a442a}