*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e;min-height:100vh}.app-header{background:#1a1a2e;color:#fff;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:56px;box-shadow:0 2px 8px #0000004d}.app-header h1{font-size:1.1rem;font-weight:700;letter-spacing:.5px}.app-nav{display:flex;gap:.25rem}.app-nav button{background:transparent;border:none;color:#aaa;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .15s}.app-nav button:hover{background:#ffffff1a;color:#fff}.app-nav button.active{background:#ffffff26;color:#fff}.main-content{max-width:960px;margin:0 auto;padding:1.5rem}.card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 4px #00000014;margin-bottom:1rem}.card h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#444}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer;font-size:.875rem;font-weight:500;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#4f46e5;color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn-ghost{background:#f1f5f9;color:#555}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.8rem;font-weight:600;color:#555;margin-bottom:.35rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.55rem .75rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#4f46e5}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:.75rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;padding:.5rem .75rem;border-bottom:2px solid #f1f5f9}td{padding:.6rem .75rem;border-bottom:1px solid #f8fafc;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:#fafbff}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e)}.login-box{background:#fff;border-radius:16px;padding:2.5rem;width:360px;box-shadow:0 20px 60px #0000004d}.login-box h1{font-size:1.4rem;margin-bottom:.25rem}.login-box p{color:#888;font-size:.85rem;margin-bottom:1.5rem}.alert{padding:.75rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600}.badge-gold{background:#fef3c7;color:#92400e}.badge-green{background:#dcfce7;color:#15803d}.badge-gray{background:#f1f5f9;color:#64748b}.holz-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;margin-top:.5rem}.holz-grid input{width:100%;text-align:center;padding:.4rem .2rem;border:1.5px solid #e2e8f0;border-radius:6px;font-size:.9rem}.holz-label{font-size:.65rem;color:#999;text-align:center}.upload-area{border:2px dashed #c7d2fe;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;color:#6366f1}.upload-area:hover{background:#eef2ff;border-color:#6366f1}.upload-area img{max-height:200px;object-fit:contain;margin-bottom:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat-box{background:#f8faff;border-radius:10px;padding:1rem;text-align:center}.stat-box .val{font-size:1.6rem;font-weight:700;color:#4f46e5}.stat-box .lbl{font-size:.75rem;color:#888;margin-top:.2rem}.logout-btn{background:transparent;border:1px solid #555;color:#ccc;padding:.35rem .8rem;border-radius:6px;cursor:pointer;font-size:.85rem}.logout-btn:hover{border-color:#ef4444;color:#ef4444}