:root{--brand-primary: #3355b4;--brand-primary-dark: #28428f;--brand-primary-light: #eaeefa;--header-bg: #3355b4;--header-text: #ffffff;--header-text-hover: #ffd966;--footer-bg: #f4f5f7;--footer-text: #4a5568;--footer-link: #2d3748;--footer-brand: #3355b4;--body-bg: #ffffff;--body-text: #222;--muted: #888;--border: #e5e7eb;--max-width: 1100px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--body-text);background:var(--body-bg)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1rem}header{background:var(--header-bg);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #00000014}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;position:relative}.brand{font-family:Pacifico,cursive;font-size:1.85rem;line-height:1;color:var(--header-text);text-decoration:none;letter-spacing:.5px}.brand:hover{color:var(--header-text-hover)}header nav{display:flex;gap:1.5rem}header nav a{color:var(--header-text);text-decoration:none;font-weight:500;font-size:.95rem;opacity:.92}header nav a:hover{color:var(--header-text-hover);opacity:1}header nav a.muted{opacity:.7}.nav-toggle,.nav-toggle-label{display:none}@media(max-width:768px){.nav-toggle-label{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:22px;cursor:pointer;z-index:101}.nav-toggle-label span{display:block;height:3px;background:var(--header-text);border-radius:2px;transition:transform .25s,opacity .25s}header nav{position:absolute;top:100%;left:0;right:0;background:var(--header-bg);flex-direction:column;gap:0;max-height:0;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:max-height .3s ease}header nav a{padding:.85rem 1.25rem;border-top:1px solid rgba(255,255,255,.15);width:100%}.nav-toggle:checked~nav{max-height:400px}.nav-toggle:checked+.nav-toggle-label span:nth-child(1){transform:translateY(9.5px) rotate(45deg)}.nav-toggle:checked+.nav-toggle-label span:nth-child(2){opacity:0}.nav-toggle:checked+.nav-toggle-label span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}}main{padding:2rem 0 4rem;min-height:70vh}footer{background:var(--footer-bg);color:var(--footer-text);padding:2.5rem 0 2rem;margin-top:3rem;border-top:1px solid var(--border)}.footer-inner{text-align:center}.footer-brand{font-family:Pacifico,cursive;font-size:1.75rem;color:var(--footer-brand);text-decoration:none;display:inline-block;margin-bottom:.75rem}.footer-brand:hover{color:var(--brand-primary-dark)}.footer-copy{margin:0 0 1rem;font-size:.9rem;line-height:1.5;color:var(--footer-text)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child):after{content:"·";color:var(--footer-text);opacity:.5;margin:0 .6rem}.footer-link{color:var(--footer-link);text-decoration:none;font-size:.9rem;font-weight:500}.footer-link:hover{color:var(--brand-primary);text-decoration:underline}h1{font-size:2rem;margin:0 0 .5rem;line-height:1.25}h2{font-size:1.4rem;margin-top:2rem;line-height:1.3}h3{font-size:1.15rem;margin-top:1.25rem}a{color:var(--brand-primary)}a:hover{color:var(--brand-primary-dark)}.meta{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:1rem 0;background:#f8f9fb;padding:1rem;border-radius:8px}.meta dt{font-weight:600;color:#555}.meta dd{margin:0}.tag{display:inline-block;background:var(--brand-primary-light);color:var(--brand-primary-dark);padding:.25rem .7rem;border-radius:4px;margin-right:.4rem;margin-bottom:.4rem;font-size:.85rem;text-decoration:none;font-weight:500}.tag:hover{background:var(--brand-primary);color:#fff}ul.pdf-list{list-style:none;padding:0}ul.pdf-list li{padding:1rem;border:1px solid var(--border);border-radius:8px;margin-bottom:.75rem;transition:border-color .15s,box-shadow .15s}ul.pdf-list li:hover{border-color:var(--brand-primary);box-shadow:0 2px 8px #3355b414}ul.pdf-list a{text-decoration:none;color:inherit;display:block}ul.pdf-list h2{margin:0 0 .5rem;font-size:1.1rem;color:var(--brand-primary);line-height:1.35}ul.pdf-list p{margin:0 0 .5rem;color:#555;font-size:.95rem}.breadcrumbs{color:var(--muted);font-size:.9rem;margin-top:.5rem;margin-bottom:1rem}.breadcrumbs a{color:var(--muted)}form label{display:block;margin:1rem 0 .25rem;font-weight:600}form input,form select,form textarea{width:100%;padding:.55rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;font-family:inherit}form input:focus,form select:focus,form textarea:focus{outline:2px solid var(--brand-primary);outline-offset:-1px;border-color:var(--brand-primary)}form button,button[type=button].btn{background:var(--brand-primary);color:#fff;border:none;padding:.7rem 1.4rem;border-radius:6px;font-size:1rem;cursor:pointer;margin-top:1rem;font-weight:500}form button:hover:not(:disabled),button[type=button].btn:hover:not(:disabled){background:var(--brand-primary-dark)}form button:disabled{background:#aaa;cursor:not-allowed}form button.danger{background:#c33}form button.danger:hover:not(:disabled){background:#a32626}form button.secondary{background:#888}fieldset{border:1px solid var(--border);padding:1rem;border-radius:8px;margin:1rem 0}legend{padding:0 .5rem;font-weight:600;color:#555}table{width:100%;border-collapse:collapse;margin:1rem 0}table th,table td{padding:.6rem .5rem;text-align:left;border-bottom:1px solid var(--border)}table th{background:#f8f9fb;font-weight:600}table tr:hover{background:#fafafa}.status-pending{color:var(--muted)}.status-uploading{color:var(--brand-primary)}.status-success{color:#28a745}.status-error{color:#c33;font-size:.9rem}