*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f5f6f8;color:#1a1a1a}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#16181d;color:#fff;padding:1.5rem 1rem;display:flex;flex-direction:column}.sidebar h1{font-size:1.1rem;margin-bottom:1.5rem}.sidebar nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.sidebar nav a{color:#c9ccd1;text-decoration:none;padding:.5rem;border-radius:4px}.sidebar nav a.active,.sidebar nav a:hover{background:#2a2d35;color:#fff}.logout{background:transparent;border:1px solid #444;color:#ccc;padding:.5rem;border-radius:4px;cursor:pointer}.content{flex:1;padding:2rem;overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;margin-top:1rem}th,td{text-align:left;padding:.6rem .8rem;border-bottom:1px solid #eee;font-size:.9rem}th{background:#fafafa}.status{padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-error{background:#fdecea;color:#b3261e}.status-warn{background:#fff4e5;color:#b76e00}.status-synced,.status-fulfilled,.status-info,.status-emailed{background:#e6f4ea;color:#1e7e34}.status-pending,.status-received,.status-processing{background:#e8eaed;color:#444}button{cursor:pointer;padding:.4rem .8rem;border-radius:4px;border:1px solid #ccc;background:#fff;margin-right:.4rem}button:hover{background:#f0f0f0}.cards{display:flex;gap:1rem;margin-top:1rem}.card{display:flex;flex-direction:column;background:#fff;padding:1.2rem;border-radius:8px;text-decoration:none;color:inherit;min-width:160px;box-shadow:0 1px 2px #0000000f}.card-value{font-size:2rem;font-weight:700}.card-label{color:#666;font-size:.85rem}.card-alert .card-value{color:#b3261e}.login-page{max-width:480px;margin:4rem auto;padding:1rem}.login-form{display:flex;flex-direction:column;gap:1rem;background:#fff;padding:2rem;border-radius:8px}.login-form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}.login-form input{padding:.5rem;border:1px solid #ccc;border-radius:4px}.error{color:#b3261e}.viewer-page{max-width:720px;margin:3rem auto;padding:1rem 1.5rem 3rem}.viewer-logo{height:40px;margin-bottom:1.5rem}.download-all-button{display:inline-block;background:#ea580c;color:#fff;font-weight:600;text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;margin:.5rem 0 1.5rem}.download-all-button:hover{background:#c2410c}.viewer-item{background:#fff;border-radius:8px;padding:1.2rem;margin-top:1.5rem}.viewer-item h2{margin:0 0 .8rem;font-size:1.05rem}.import-box{background:#fff;padding:1rem;border-radius:8px;margin-top:1rem}.import-box textarea{width:100%;margin:.5rem 0;font-family:monospace}.import-box label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;margin-bottom:.8rem;max-width:480px}.import-box input{padding:.5rem;border:1px solid #ccc;border-radius:4px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;margin-top:1rem}.image-grid img{width:100%;border-radius:6px;border:1px solid #ddd}.filters{display:flex;gap:.5rem;margin:1rem 0}