@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-start: #f4f8f8;--bg-end: #fefcf7;--panel: #ffffff;--text: #132a2f;--muted: #4d6367;--accent: #006d77;--accent-2: #f4a261;--border: #d8e5e7;--danger: #b02a37;--ok: #146c43}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top right,#e3f1f3,transparent 35%),linear-gradient(135deg,var(--bg-start),var(--bg-end))}.layout{max-width:1040px;margin:0 auto;padding:24px;display:grid;gap:20px}.topbar{position:static}.topbar.panel{background:var(--accent);border-color:transparent;box-shadow:0 12px 30px #18465033}.main-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700}.main-nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.main-nav a{color:#f4fbfd;text-decoration:none;transition:color .2s ease}.main-nav a.active,.main-nav a:hover{color:#ffd6a8}.settings-link{display:inline-flex;align-items:center;gap:6px}.settings-icon{font-size:1.35rem;line-height:1}.hero{padding:20px 22px;border-radius:18px;background:linear-gradient(145deg,#0f4c5c,#1f6f8b);color:#f8fbfb;box-shadow:0 12px 30px #18465033}.hero h1{margin:0;font-size:clamp(28px,5vw,40px);line-height:1.1}.hero p{margin:10px 0 0;color:#e0f1f4}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 8px 24px #244a5414}.panel h2{margin-top:0}.defecture-banner{width:min(620px,100%);max-height:190px;display:block;margin:0;border-radius:12px;object-fit:cover;object-position:center}.defecture-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:nowrap}.defecture-file-wrap{flex:1;min-width:260px;display:flex;align-items:center}.defecture-meta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.defecture-meta-row .file-picker{flex:1;min-width:260px}.order-name-wrap{flex:1;min-width:220px;display:grid;gap:0}.create-order-button{white-space:nowrap;align-self:stretch}.form{display:grid;gap:10px}label{font-weight:600}input{width:100%;font:inherit;padding:10px 12px;border:1px solid #bdd2d5;border-radius:10px}.file-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.file-picker-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-picker-trigger{display:inline-flex;align-items:center;padding:10px 14px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.file-picker-trigger:hover{background:#005961}.file-picker-name{color:var(--muted)}button{font:inherit;font-weight:600;border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:#fff;cursor:pointer}button:hover:not(:disabled){background:#005961}button:disabled{opacity:.6;cursor:not-allowed}.text-action{padding:0;border:0;border-radius:0;background:transparent;color:#f4fbfd;font-weight:500}.text-action:hover:not(:disabled){background:transparent;color:#fff;text-decoration:underline}.icon-action{padding:0;border:0;border-radius:0;background:transparent;color:#f4fbfd;display:inline-flex;align-items:center;justify-content:center}.icon-action:hover:not(:disabled){background:transparent;color:#ffd6a8}.nav-icon{width:1.25rem;height:1.25rem}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-header button{background:var(--accent-2);color:#2b1e11}.panel-header button:hover:not(:disabled){background:#e89453}.refresh-icon-button{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.refresh-icon{width:18px;height:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:.9rem;color:var(--muted);text-transform:uppercase}.empty{text-align:center;color:var(--muted)}.pager{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.actions{display:flex;gap:8px}.pager-icon-button{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.pager-icon{width:18px;height:18px}.actions-inline{margin-top:8px;flex-wrap:wrap}.message{margin:10px 0 0;padding:10px 12px;border-radius:10px}.message.error{color:var(--danger);background:#ffe8eb}.message.success{color:var(--ok);background:#e7f8ed}.auth-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:#122a2f85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-modal{width:min(420px,100%);box-shadow:0 20px 50px #0a222859}@media (max-width: 720px){.layout{padding:14px}.panel,.hero{border-radius:14px}.defecture-row{flex-direction:column;align-items:flex-start}.defecture-file-wrap{width:100%;min-width:0}.defecture-meta-row{flex-direction:column;align-items:stretch}.defecture-meta-row .file-picker,.order-name-wrap{min-width:0;width:100%}.create-order-button{width:100%}.main-nav{font-size:.95rem}th,td{font-size:.9rem;padding:8px}}