:root{--canvas:#000;--ink:#f0f0fa;--ink-dim:#f0f0fa8c;--ink-faint:#f0f0fa33;--ghost-border:#f0f0fa59;--ghost-fill:#f0f0fa0f;--ghost-hover:#f0f0fa1f;--danger:#c44;--ok:#6a8;--hud-line:#f0f0fa1f;--font-display:"Barlow Condensed", "Arial Narrow", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-pill:32px}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--canvas);min-height:100%;color:var(--ink);font-family:var(--font-display);margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}.label{letter-spacing:1.17px;text-transform:uppercase;color:var(--ink-dim);font-size:12px;font-weight:700}.display{letter-spacing:.96px;text-transform:uppercase;font-weight:700;line-height:1}.mono{font-family:var(--font-mono);letter-spacing:0;text-transform:none;font-size:13px}.ghost-btn{border:1px solid var(--ghost-border);border-radius:var(--radius-pill);background:var(--ghost-fill);color:var(--ink);letter-spacing:1.17px;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.ghost-btn:hover:not(:disabled){background:var(--ghost-hover);border-color:var(--ink)}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.ghost-btn.small{padding:8px 18px;font-size:11px}.ghost-btn.danger{color:#f88;border-color:#cc444480}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field input,.field select,.field textarea,select{border:1px solid var(--hud-line);font-family:var(--font-mono);text-transform:none;letter-spacing:0;color:var(--ink);background:#0a0a0a;border-radius:0;outline:none;padding:10px 12px;font-size:13px}.field select option,select option{color:var(--ink);background:#111}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ghost-border)}.field textarea{resize:vertical;min-height:90px}.hud-panel{border:1px solid var(--hud-line);background:#0000008c;padding:20px}.hud-grid{gap:16px;display:grid}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-nav{border-bottom:1px solid var(--hud-line);z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:sticky;top:0}.app-nav .brand{letter-spacing:2px;text-transform:uppercase;font-size:18px;font-weight:700}.app-nav .links{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.app-nav .links a{letter-spacing:1.17px;text-transform:uppercase;color:var(--ink-dim);font-size:12px;font-weight:700}.app-nav .links a:hover,.app-nav .links a.active{color:var(--ink)}.app-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:28px}.app-main:has(>.landing-root){max-width:none;padding:0}.table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:12px}.table th{text-align:left;font-family:var(--font-display);letter-spacing:1.17px;text-transform:uppercase;color:var(--ink-dim);border-bottom:1px solid var(--hud-line);padding:10px 8px;font-size:11px}.table td{border-bottom:1px solid var(--hud-line);text-transform:none;letter-spacing:0;padding:12px 8px}.table tr:hover td{background:var(--ghost-fill)}.badge{border:1px solid var(--ghost-border);border-radius:var(--radius-pill);letter-spacing:1px;text-transform:uppercase;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.swatch{border:1px solid var(--ghost-border);vertical-align:middle;width:28px;height:28px;display:inline-block}.error-msg{color:#f88;font-family:var(--font-mono);margin:8px 0;font-size:12px}.ok-msg{color:var(--ok);font-family:var(--font-mono);margin:8px 0;font-size:12px}.hero{flex-direction:column;justify-content:flex-end;min-height:100vh;padding:48px 40px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background-color:#000;background-position:50%;background-size:cover;position:absolute;inset:0}.hero-bg:after{content:"";background:repeating-linear-gradient(90deg,#0000,#0000 80px,#f0f0fa04 80px 81px);position:absolute;inset:0}.hero-content{z-index:1;max-width:900px;position:relative}.hero h1{margin:0 0 20px;font-size:clamp(40px,8vw,72px)}.hero p{letter-spacing:.5px;text-transform:none;color:var(--ink-dim);max-width:540px;font-size:16px;font-weight:400;line-height:1.5;font-family:var(--font-display);margin:0 0 32px}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.section{border-top:1px solid var(--hud-line);padding:100px 40px}.section h2{margin:0 0 12px;font-size:clamp(28px,5vw,42px)}.section .lead{color:var(--ink-dim);text-transform:none;letter-spacing:.3px;max-width:560px;margin-bottom:40px;line-height:1.5}.stone-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px;display:grid}.stone-card{aspect-ratio:1;border:1px solid var(--hud-line);cursor:pointer;transition:border-color .2s;position:relative;overflow:hidden}.stone-card:hover,.stone-card.selected{border-color:var(--ink)}.stone-card .meta{position:absolute;bottom:12px;left:12px;right:12px}.stone-card .meta .name{letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 8px #000;font-size:13px;font-weight:700}.config-layout{grid-template-columns:300px 1fr 300px;gap:16px;min-height:70vh;display:grid}@media (width<=1100px){.config-layout{grid-template-columns:1fr}}.canvas-wrap{border:1px solid var(--hud-line);background:#050505;height:min(70vh,640px);min-height:420px;position:relative;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;display:block}.preview-3d-toolbar{z-index:2;gap:8px;display:flex;position:absolute;top:12px;right:12px}.preview-3d-hint{z-index:2;border:1px solid var(--hud-line);pointer-events:none;background:#000000b8;padding:8px 12px;position:absolute;bottom:12px;left:12px}.config-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.otvor-edit{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.tabs{border-bottom:1px solid var(--hud-line);gap:0;margin-bottom:16px;display:flex}.tabs button{cursor:pointer;letter-spacing:1.17px;text-transform:uppercase;color:var(--ink-dim);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:12px;font-weight:700}.tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.stack{flex-direction:column;gap:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media print{.app-nav,.no-print{display:none!important}body,.app-main{color:#000;background:#fff}.hud-panel{background:#fff;border-color:#ccc}}.nav-toggle{border:1px solid var(--ghost-border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;display:none}.nav-toggle span{background:var(--ink);width:100%;height:1.5px;display:block}.admin-page{margin:-8px 0 0}.admin-hero{border-bottom:1px solid var(--hud-line);background-position:50%;background-size:cover;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;min-height:180px;margin:0 -32px 20px;padding:32px 40px 24px;display:flex;position:relative}.admin-hero-copy .display{margin:8px 0 6px;font-size:clamp(36px,5vw,52px)}.admin-hero-sub{max-width:420px;color:var(--ink-dim);text-transform:none;letter-spacing:.2px;margin:0;line-height:1.45}.admin-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-subnav{border-bottom:1px solid var(--hud-line);gap:18px;margin-bottom:20px;padding-bottom:12px;display:flex}.admin-subnav a{letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-dim);font-size:12px;font-weight:700;text-decoration:none}.admin-subnav a:hover{color:var(--ink)}.admin-stat-row{grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:16px;display:grid}.admin-stat{border:1px solid var(--hud-line);background:#080808eb;min-height:110px;padding:18px 16px}.admin-stat-visual{background-position:50%;background-size:cover;position:relative;overflow:hidden}.admin-stat-visual:before{content:"";background:linear-gradient(#0000008c,#000000d1);position:absolute;inset:0}.admin-stat-visual>*{z-index:1;position:relative}.admin-stat-n{margin-top:10px;font-size:36px}.admin-visual-strip{grid-template-columns:repeat(4,1fr);gap:2px;height:88px;margin-bottom:20px;display:grid}.admin-visual-strip>div{filter:saturate(.85)contrast(1.05);background-position:50%;background-size:cover}.admin-mat-cell{text-transform:none;align-items:center;gap:8px;display:inline-flex}.admin-detail-grid{grid-template-columns:1fr 1fr;gap:16px}.admin-cam-panel{padding:0;position:relative;overflow:hidden}.admin-panel-bg{opacity:.14;filter:saturate(.65)brightness(.85);background-position:50%;background-size:cover;position:absolute;inset:0}.admin-panel-fg{z-index:1;background:linear-gradient(#000000b8,#000000e6);min-height:100%;padding:20px;position:relative}.admin-table-wrap{border:1px solid var(--hud-line)}.badge-u_proizvodnji,.badge-poslano{border-color:#f0f0fa73}.admin-subnav a.active{color:var(--ink);border-bottom:2px solid var(--ink);margin-bottom:-13px;padding-bottom:10px}.fin-bars{flex-direction:column;gap:10px;display:flex}.fin-bar-row{grid-template-columns:52px 1fr 90px;align-items:center;gap:12px;display:grid}.fin-bar-track{border:1px solid var(--hud-line);background:#f0f0fa14;height:10px}.fin-bar-fill{background:linear-gradient(90deg,#6a6a72,#f0f0fa);height:100%}.fin-bar-val{text-align:right;font-size:12px}.fin-notes{color:var(--ink-dim);text-transform:none;letter-spacing:.15px;margin:10px 0 0;padding-left:18px;line-height:1.65}.lager-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px;display:grid}.lager-card{border:1px solid var(--hud-line);background:#000000bf;grid-template-columns:10px 1fr;min-height:150px;display:grid}.lager-swatch{min-height:100%}.lager-body{padding:14px}.stroj-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px;display:grid}.stroj-card{text-align:left;border:1px solid var(--hud-line);color:var(--ink);cursor:pointer;background:#000c;padding:16px}.stroj-card.active{border-color:var(--ink);background:#f0f0fa0f}.job-list{margin:0;padding:0;list-style:none}.job-list li{border-bottom:1px solid var(--hud-line);padding:12px 0}.camera-panel{min-height:320px;padding:0;position:relative;overflow:hidden}.note-panel{margin-bottom:16px}.note-panel p{text-transform:none;color:var(--ink-dim);letter-spacing:.15px;margin:8px 0 0;line-height:1.55}.note-panel a{color:var(--ink)}.order-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px;display:grid}.order-card{border:1px solid var(--hud-line);min-height:220px;color:var(--ink);background-position:50%;background-size:cover;padding:18px;text-decoration:none;transition:border-color .15s;display:block}.order-card:hover{border-color:#f0f0fa8c}.empty-orders{min-height:280px;padding:0;position:relative;overflow:hidden}.empty-orders-bg{opacity:.35;background-position:50%;background-size:cover;position:absolute;inset:0}.empty-orders-copy{z-index:1;background:linear-gradient(90deg,#000000d9,#00000073);flex-direction:column;justify-content:center;min-height:280px;padding:40px 28px;display:flex;position:relative}.order-detail-visual{padding:0;position:relative;overflow:hidden}.config-page .config-layout{margin-top:4px}.config-mat-panel{padding:0;position:relative;overflow:hidden}.config-mat-panel .admin-panel-bg{opacity:.12}.admin-stat-visual:before{background:linear-gradient(#000000b3,#000000e0)}.admin-visual-strip{display:none}.material-band{padding-top:0;padding-bottom:0}.material-strip{grid-template-columns:repeat(3,1fr);gap:2px;min-height:28vh;display:grid}.material-strip img{object-fit:cover;filter:saturate(.9)contrast(1.05);width:100%;height:100%;min-height:180px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:2px;display:grid}.feature-block{border:1px solid var(--hud-line);grid-template-rows:220px auto;display:grid;overflow:hidden}.feature-visual{background-position:50%;background-size:cover;min-height:220px}.feature-copy{background:#000000d9;padding:20px}.feature-copy h3{margin:10px 0 8px;font-size:22px}.feature-copy p{color:var(--ink-dim);text-transform:none;letter-spacing:.2px;margin:0;line-height:1.45}.workshop-section{border-top:1px solid var(--hud-line);grid-template-columns:1.2fr 1fr;gap:0;min-height:60vh;padding:0;display:grid}.workshop-visual{background-position:50%;background-size:cover;min-height:320px}.workshop-copy{flex-direction:column;justify-content:center;padding:48px 40px;display:flex}@media (width<=900px){.app-nav{flex-wrap:wrap;padding:14px 16px}.nav-toggle{margin-left:auto;display:flex}.app-nav .links{flex-direction:column;align-items:stretch;gap:0;width:100%;padding-top:12px;display:none}.app-nav .links.open{display:flex}.app-nav .links a,.app-nav .links .ghost-btn{border-bottom:1px solid var(--hud-line);padding:14px 4px}.app-main{padding:18px 14px}.hero{min-height:92vh;padding:28px 18px 56px}.hero h1{font-size:clamp(34px,11vw,52px)}.section{padding:56px 18px}.feature-grid,.workshop-section,.material-strip{grid-template-columns:1fr}.workshop-copy{padding:32px 18px}.admin-hero{min-height:180px;margin:0 -14px 16px;padding:28px 18px 22px}.admin-stat-row,.admin-visual-strip,.admin-detail-grid,.fin-bar-row{grid-template-columns:1fr 1fr}.config-layout{grid-template-columns:1fr}.canvas-wrap{min-height:360px}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tabs button{flex-shrink:0;padding:10px 12px;font-size:11px}.hud-grid{grid-template-columns:1fr!important}.table{font-size:11px}.ghost-btn{width:100%;max-width:100%}.hero-actions .ghost-btn,.row .ghost-btn{width:auto}}@media (prefers-reduced-motion:no-preference){.hero-content{animation:.9s ease-out both rise}.feature-block{animation:.7s both fade-up}.feature-block:nth-child(2){animation-delay:80ms}.feature-block:nth-child(3){animation-delay:.16s}.feature-block:nth-child(4){animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}