*{box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}#app{display:flex;flex-direction:column;min-height:100vh}header{background:#2c3e50;color:#fff;padding:1rem 2rem}header h1{margin:0 0 .5rem;font-size:1.5rem}header nav{display:flex;gap:1rem;flex-wrap:wrap}header nav a{color:#ecf0f1;text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:background .2s}header nav a:hover{background:#ffffff1a}main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}footer{background:#34495e;color:#ecf0f1;padding:1rem 2rem;text-align:center;font-size:.875rem}h1{color:#2c3e50;margin-bottom:1rem}h2{color:#34495e;margin-bottom:.75rem}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}.card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.info-box{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;padding:1rem;margin:1rem 0}.success-box{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:8px;padding:1rem;margin:1rem 0}.error-box{background:#ffebee;border:1px solid #ef9a9a;border-radius:8px;padding:1rem;margin:1rem 0}.page-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;list-style:none;padding:0}.page-list li{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;transition:box-shadow .2s,transform .2s}.page-list li:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.page-list a{font-weight:600;font-size:1.1rem}.page-list p{color:#6c757d;margin:.5rem 0 0;font-size:.9rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.image-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.image-card img{width:100%;height:200px;object-fit:cover;display:block}.image-card .caption{padding:.75rem;background:#f8f9fa;font-size:.875rem;color:#495057}form{max-width:500px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#495057}.form-group input{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.form-group .error{color:#e74c3c;font-size:.875rem;margin-top:.25rem}button{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}button:hover{background:#2980b9}button:disabled{background:#95a5a6;cursor:not-allowed}button.secondary{background:#95a5a6}button.secondary:hover{background:#7f8c8d}button.danger{background:#e74c3c}button.danger:hover{background:#c0392b}.data-table{width:100%;border-collapse:collapse;margin:1rem 0}.data-table th,.data-table td{padding:.75rem;text-align:left;border-bottom:1px solid #dee2e6}.data-table th{background:#f8f9fa;font-weight:600}.timestamp{font-family:Monaco,Consolas,monospace;background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;font-size:.875rem}.dog-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#6c757d}.session-info{background:#f8f9fa;border-radius:8px;padding:1.5rem}.session-info dt{font-weight:600;color:#495057;margin-bottom:.25rem}.session-info dd{margin:0 0 1rem;color:#6c757d}