.table{width:100%;overflow:visible}.table-head,.table-row{border-bottom:1px solid #e5e7eb;grid-template-columns:minmax(150px,1.2fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(80px,.7fr) minmax(150px,1.1fr) minmax(90px,.7fr) 390px;align-items:center;gap:12px;padding:14px;display:grid}.table-row:hover{background:#fafafa}.sale-info{color:#374151;font-size:13px;line-height:1.3}.book-grid+.panel{margin-top:8px;margin-bottom:32px}.book-table{width:100%;overflow:visible}.book-table-head,.book-table-row{border-bottom:1px solid #e5e7eb;grid-template-columns:minmax(150px,1.2fr) minmax(160px,1.4fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(90px,.8fr) minmax(90px,.8fr) 120px;align-items:center;gap:12px;padding:14px;display:grid}.history-list{gap:14px;display:grid}.history-item{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.history-summary{background:#f9fafb;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.history-summary p{color:#6b7280;margin:6px 0 0}.history-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.history-details{border-top:1px solid #e5e7eb;padding:16px}@media (width<=1300px){.table-head{display:none}.table-row{background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:1fr;gap:8px;margin-bottom:12px;padding:16px}.action-buttons{flex-wrap:wrap;justify-content:flex-start}.book-table-head{display:none}.book-table-row{background:#fff;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:1fr;gap:8px;margin-bottom:12px;padding:16px}}@media (width<=900px){.app{padding:16px}.hero,.grid,.book-grid{grid-template-columns:1fr;display:grid}.hero h1{font-size:36px}.tabs{flex-wrap:wrap}.history-summary{display:grid}.history-actions{justify-content:flex-start}}.table-head,.table-row{width:100%;grid-template-columns:minmax(150px,1.2fr) minmax(85px,.75fr) minmax(85px,.75fr) minmax(85px,.75fr) minmax(80px,.65fr) minmax(130px,1fr) minmax(85px,.7fr) minmax(220px,1.1fr)!important;min-width:0!important}.action-buttons{flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px!important}.small-button{border-radius:10px!important;padding:7px 9px!important;font-size:12px!important}.sale-info{line-height:1.25;font-size:12px!important}.book-grid,.book-grid+.panel{margin-bottom:36px!important}.book-grid+.panel+.panel{border-top:4px solid #e5e7eb!important;margin-top:36px!important}@media (width<=1150px){.table-head{display:none!important}.table-row{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;grid-template-columns:1fr!important;margin-bottom:12px!important;padding:16px!important}.action-buttons{justify-content:flex-start!important}}@media (width<=900px){.app{padding:12px}.hero{border-radius:20px;padding:22px}.hero h1{font-size:34px}.hero-card{min-width:auto;padding:18px}.hero-card strong{font-size:38px}.panel{border-radius:18px;padding:18px}.tabs{z-index:10;background:#f3f4f6;padding:10px 0;position:sticky;top:0}.tab{text-align:center;flex:1}.category-title{font-size:18px}.table{overflow:visible!important}.table-head{display:none!important}.table-row{box-shadow:0 6px 18px #0f172a0f;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:18px!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:14px!important;padding:16px!important;display:grid!important}.table-row>span{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:14px;padding-bottom:8px;display:flex}.table-row>span:last-child{border-bottom:0;padding-bottom:0}.table-row>span:first-child:before{content:"Artikl";color:#6b7280;font-weight:700}.table-row>span:nth-child(2):before{content:"Skladište";color:#6b7280;font-weight:700}.table-row>span:nth-child(3):before{content:"Šank";color:#6b7280;font-weight:700}.table-row>span:nth-child(4):before{content:"Minimum";color:#6b7280;font-weight:700}.table-row>span:nth-child(5):before{content:"Cijena";color:#6b7280;font-weight:700}.table-row>span:nth-child(6):before{content:"Prodaja";color:#6b7280;font-weight:700}.table-row>span:nth-child(7):before{content:"Status";color:#6b7280;font-weight:700}.table-row>span:nth-child(8){display:block}.table-row>span:nth-child(8):before{content:"Radnje";color:#6b7280;margin-bottom:8px;font-weight:700;display:block}.action-buttons{flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;display:flex!important}.small-button{text-align:center;flex:1;min-width:90px}.book-grid{gap:18px}.book-table{overflow:visible!important}.book-table-head{display:none!important}.book-table-row{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:18px!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:14px!important;padding:16px!important;display:grid!important}.book-table-row>span{border-bottom:1px solid #f3f4f6;justify-content:space-between;gap:14px;padding-bottom:8px;display:flex}.book-table-row>span:last-child{border-bottom:0;padding-bottom:0}.book-table-row>span:first-child:before{content:"Vrijeme";color:#6b7280;font-weight:700}.book-table-row>span:nth-child(2):before{content:"Artikl";color:#6b7280;font-weight:700}.book-table-row>span:nth-child(3):before{content:"Prodano";color:#6b7280;font-weight:700}.book-table-row>span:nth-child(4):before{content:"Skinuto";color:#6b7280;font-weight:700}.book-table-row>span:nth-child(5):before{content:"Cijena";color:#6b7280;font-weight:700}.book-table-row>span:nth-child(6):before{content:"Ukupno";color:#6b7280;font-weight:700}.book-table-row>span:nth-child(7){display:block}.history-summary{gap:12px;display:grid}.history-actions{justify-content:flex-start}}*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}.app{width:100%;min-height:100vh;padding:32px}.hero{color:#fff;background:linear-gradient(135deg,#111827,#1f2937);border-radius:24px;justify-content:space-between;align-items:stretch;gap:24px;margin-bottom:16px;padding:32px;display:flex}.eyebrow{color:#93c5fd;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700}.hero h1{color:#fff;margin:0;font-size:44px}.hero p{color:#d1d5db;margin-bottom:0}.hero-card{color:#111827;text-align:center;background:#fff;border-radius:20px;align-content:center;min-width:180px;padding:24px;display:grid}.hero-card span{color:#6b7280}.hero-card strong{font-size:48px}.tabs{gap:10px;margin-bottom:24px;display:flex}.tab{color:#374151;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:0 6px 18px #0f172a14}.tab.active{color:#fff;background:#2563eb}.grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.panel{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 30px #0f172a14}.panel h2{margin-top:0}.form{gap:12px;display:grid}.form label{color:#374151;gap:6px;font-weight:700;display:grid}.form input,.form select{background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:12px 14px}.form button,.small-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;padding:12px 16px;font-weight:700}.small-button{white-space:nowrap;padding:8px 10px;font-size:13px}.form button:hover,.small-button:hover{background:#1d4ed8}.edit-button{background:#7c3aed}.add-button{background:#16a34a}.add-button:hover{background:#15803d}.consume-button{background:#f97316}.consume-button:hover{background:#ea580c}.delete-button{background:#dc2626}.delete-button:hover{background:#b91c1c}.secondary-button{background:#6b7280!important}.secondary-button:hover{background:#4b5563!important}.form-actions{flex-wrap:wrap;gap:10px;display:flex}.alert-panel{border:2px solid #fee2e2}.alert-list{gap:12px;display:grid}.alert-item{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;gap:4px;padding:14px;display:grid}.muted{color:#6b7280}.edit-panel{border:2px solid #ddd6fe;margin-bottom:24px}.category-section{margin-top:26px}.category-section:first-of-type{margin-top:10px}.category-title{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin:0 0 10px;padding:12px 14px;font-size:20px}.table{width:100%;overflow-x:auto}.table-head,.table-row{border-bottom:1px solid #e5e7eb;grid-template-columns:1.4fr 1fr 1fr 1fr .8fr 1.4fr .9fr 430px;align-items:center;gap:12px;min-width:1460px;padding:14px;display:grid}.table-head{color:#6b7280;background:#f9fafb;border-radius:12px;font-weight:700}.bold{font-weight:700}.sale-info{color:#374151;font-size:13px}.status{border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.status.danger{color:#991b1b;background:#fee2e2}.action-buttons{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.book-grid{grid-template-columns:1.2fr .8fr;gap:24px;margin-bottom:24px;display:grid}.calculation-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.calculation-box p{margin:6px 0}.total-panel{text-align:center;align-content:center;gap:14px;display:grid}.total-panel span{color:#6b7280;font-weight:700}.total-panel strong{font-size:42px}.book-table{width:100%;overflow-x:auto}.book-table-head,.book-table-row{border-bottom:1px solid #e5e7eb;grid-template-columns:1.3fr 1.4fr 1fr 1fr .9fr .9fr 140px;align-items:center;gap:12px;min-width:1080px;padding:14px;display:grid}.book-table-head{color:#6b7280;background:#f9fafb;border-radius:12px;font-weight:700}@media (width<=900px){.app{padding:16px}.hero,.grid,.book-grid{grid-template-columns:1fr;display:grid}.tabs{flex-wrap:wrap}.table-head,.table-row{min-width:1400px}.book-table-head,.book-table-row{min-width:1000px}.action-buttons{justify-content:flex-end}}.orders-grid{grid-template-columns:1fr 1.2fr;gap:24px;margin-bottom:32px;display:grid}.order-list{gap:12px;display:grid}.order-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px;display:grid}.order-card p{color:#9a3412;margin:6px 0 0}.order-card-actions{align-items:center;gap:8px;display:flex}.order-card-actions input{border:1px solid #d1d5db;border-radius:12px;width:160px;padding:10px 12px}.status.warning{color:#92400e;background:#fef3c7}@media (width<=900px){.orders-grid,.order-card{grid-template-columns:1fr}.order-card-actions{grid-template-columns:1fr;display:grid}.order-card-actions input{width:100%}}.orders-grid,.orders-grid+.panel{margin-bottom:36px!important}.orders-grid+.panel+.panel{border-top:4px solid #e5e7eb!important;margin-top:36px!important}@media (width<=900px){.orders-grid{grid-template-columns:1fr!important;gap:18px!important}.order-card{grid-template-columns:1fr!important;gap:12px!important}.order-card-actions{grid-template-columns:1fr!important;gap:10px!important;display:grid!important}.order-card-actions input{width:100%!important}.orders-grid+.panel .book-table-row,.orders-grid+.panel+.panel .book-table-row{box-shadow:0 6px 18px #0f172a0f;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:18px!important;grid-template-columns:1fr!important;gap:10px!important;margin-bottom:14px!important;padding:16px!important;display:grid!important}.orders-grid+.panel .book-table-row>span,.orders-grid+.panel+.panel .book-table-row>span{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:14px;padding-bottom:8px;display:flex!important}.orders-grid+.panel .book-table-row>span:first-child:before{content:"Datum";color:#6b7280;font-weight:700}.orders-grid+.panel .book-table-row>span:nth-child(2):before{content:"Artikl";color:#6b7280;font-weight:700}.orders-grid+.panel .book-table-row>span:nth-child(3):before{content:"Količina";color:#6b7280;font-weight:700}.orders-grid+.panel .book-table-row>span:nth-child(4):before{content:"Status";color:#6b7280;font-weight:700}.orders-grid+.panel .book-table-row>span:nth-child(5),.orders-grid+.panel .book-table-row>span:nth-child(6){display:none!important}.orders-grid+.panel .book-table-row>span:nth-child(7){display:block!important}.orders-grid+.panel .book-table-row>span:nth-child(7):before{content:"Radnje";color:#6b7280;margin-bottom:8px;font-weight:700;display:block}.orders-grid+.panel+.panel .book-table-row>span:first-child:before{content:"Naručeno";color:#6b7280;font-weight:700}.orders-grid+.panel+.panel .book-table-row>span:nth-child(2):before{content:"Zaprimljeno";color:#6b7280;font-weight:700}.orders-grid+.panel+.panel .book-table-row>span:nth-child(3):before{content:"Artikl";color:#6b7280;font-weight:700}.orders-grid+.panel+.panel .book-table-row>span:nth-child(4):before{content:"Količina";color:#6b7280;font-weight:700}.orders-grid+.panel+.panel .book-table-row>span:nth-child(5):before{content:"Status";color:#6b7280;font-weight:700}.orders-grid+.panel+.panel .book-table-row>span:nth-child(6){display:none!important}.orders-grid+.panel+.panel .book-table-row>span:nth-child(7){display:block!important}.orders-grid+.panel+.panel .book-table-row>span:nth-child(7):before{content:"Radnje";color:#6b7280;margin-bottom:8px;font-weight:700;display:block}.orders-grid+.panel .action-buttons,.orders-grid+.panel+.panel .action-buttons{flex-wrap:wrap!important;gap:8px!important;display:flex!important}.orders-grid+.panel .small-button,.orders-grid+.panel+.panel .small-button{flex:1;min-width:120px}.orders-grid,.orders-grid+.panel,.orders-grid+.panel+.panel{width:100%!important;max-width:100%!important;overflow:hidden!important}.orders-grid+.panel .book-table,.orders-grid+.panel+.panel .book-table{width:100%!important;max-width:100%!important;overflow:visible!important}.orders-grid+.panel .book-table-head,.orders-grid+.panel+.panel .book-table-head{display:none!important}.orders-grid+.panel .book-table-row,.orders-grid+.panel+.panel .book-table-row{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-bottom:14px!important;padding:14px!important;display:grid!important;overflow:hidden!important}.orders-grid+.panel .book-table-row>span,.orders-grid+.panel+.panel .book-table-row>span{align-items:center!important;gap:10px!important;justify-content:unset!important;word-break:break-word!important;border-bottom:1px solid #f3f4f6!important;grid-template-columns:95px 1fr!important;width:100%!important;min-width:0!important;max-width:100%!important;padding-bottom:8px!important;display:grid!important}.orders-grid+.panel .book-table-row>span:last-child,.orders-grid+.panel+.panel .book-table-row>span:last-child{border-bottom:0!important;padding-bottom:0!important}.orders-grid+.panel .book-table-row>span:nth-child(5),.orders-grid+.panel .book-table-row>span:nth-child(6),.orders-grid+.panel+.panel .book-table-row>span:nth-child(6){display:none!important}.orders-grid+.panel .book-table-row>span:nth-child(7),.orders-grid+.panel+.panel .book-table-row>span:nth-child(7){display:block!important}.orders-grid+.panel .book-table-row>span:nth-child(7):before,.orders-grid+.panel+.panel .book-table-row>span:nth-child(7):before{content:"Radnje";color:#6b7280;margin-bottom:8px;font-weight:700;display:block}.orders-grid+.panel .action-buttons,.orders-grid+.panel+.panel .action-buttons{grid-template-columns:1fr!important;gap:8px!important;width:100%!important;display:grid!important}.orders-grid+.panel .small-button,.orders-grid+.panel+.panel .small-button{width:100%!important;min-width:0!important}}.correction-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px;display:grid}.correction-info{gap:14px;display:grid}.correction-info p{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin:0;padding:14px}.correction-table{width:100%;overflow-x:auto}.correction-table-head,.correction-table-row{border-bottom:1px solid #e5e7eb;grid-template-columns:minmax(150px,1fr) minmax(150px,1.2fr) minmax(90px,.8fr) minmax(110px,.8fr) minmax(110px,.8fr) minmax(100px,.8fr) minmax(110px,.8fr) minmax(140px,1fr) 110px;align-items:center;gap:12px;padding:14px;display:grid}.correction-table-head{color:#6b7280;background:#f9fafb;border-radius:12px;font-weight:700}.correction-table-row:hover{background:#fafafa}.correction-plus{color:#166534;font-weight:700}.correction-minus{color:#991b1b;font-weight:700}@media (width<=900px){.correction-grid{grid-template-columns:1fr!important;gap:18px!important}.correction-table{overflow:visible!important}.correction-table-head{display:none!important}.correction-table-row{box-shadow:0 6px 18px #0f172a0f;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;min-width:0!important;margin-bottom:14px!important;padding:14px!important;display:grid!important}.correction-table-row>span{word-break:break-word!important;border-bottom:1px solid #f3f4f6!important;grid-template-columns:105px 1fr!important;align-items:center!important;gap:10px!important;padding-bottom:8px!important;display:grid!important}.correction-table-row>span:last-child{border-bottom:0!important;padding-bottom:0!important;display:block!important}.correction-table-row>span:first-child:before{content:"Datum";color:#6b7280;font-weight:700}.correction-table-row>span:nth-child(2):before{content:"Artikl";color:#6b7280;font-weight:700}.correction-table-row>span:nth-child(3):before{content:"Mjesto";color:#6b7280;font-weight:700}.correction-table-row>span:nth-child(4):before{content:"Staro";color:#6b7280;font-weight:700}.correction-table-row>span:nth-child(5):before{content:"Novo";color:#6b7280;font-weight:700}.correction-table-row>span:nth-child(6):before{content:"Razlika";color:#6b7280;font-weight:700}.correction-table-row>span:nth-child(7):before{content:"Razlog";color:#6b7280;font-weight:700}.correction-table-row>span:nth-child(8):before{content:"Napomena";color:#6b7280;font-weight:700}.correction-table-row>span:nth-child(9):before{content:"Radnje";color:#6b7280;margin-bottom:8px;font-weight:700;display:block}.correction-table-row .action-buttons{grid-template-columns:1fr!important;gap:8px!important;display:grid!important}.correction-table-row .small-button{width:100%!important}}.correction-grid{grid-template-columns:1fr!important}.correction-grid>.panel:nth-child(2){display:none!important}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;display:grid}.dashboard-card{text-align:left;color:#111827;cursor:pointer;background:#fff;border:0;border-radius:20px;gap:8px;padding:22px;display:grid;box-shadow:0 10px 30px #0f172a14}.dashboard-card:hover{transform:translateY(-2px)}.dashboard-card span{color:#6b7280;font-weight:700}.dashboard-card strong{font-size:34px}.dashboard-card p{color:#6b7280;margin:0;line-height:1.4}.danger-card{border:2px solid #fecaca}.warning-card{border:2px solid #fde68a}.money-card{border:2px solid #bbf7d0}.dashboard-sections{grid-template-columns:1fr 1fr;gap:24px;display:grid}.section-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-title-row h2{margin:0}.dashboard-list{gap:12px;display:grid}.dashboard-list-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.dashboard-list-item p{color:#6b7280;margin:6px 0 0}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-sections{grid-template-columns:1fr}}@media (width<=900px){.dashboard-grid{gap:14px;grid-template-columns:1fr!important}.dashboard-card{padding:18px}.dashboard-card strong{font-size:30px}.section-title-row{display:grid}.dashboard-list-item{gap:10px;display:grid}}.supplier-grid{grid-template-columns:1fr 1.2fr;gap:24px;margin-bottom:36px;display:grid}.supplier-list{gap:14px;display:grid}.supplier-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.supplier-card strong{font-size:18px}.supplier-contact{gap:4px;margin-top:8px;display:grid}.supplier-contact p{color:#6b7280;margin:0}.supplier-small{color:#6b7280;margin-top:4px;font-size:12px;font-weight:400;display:block}@media (width<=900px){.supplier-grid{grid-template-columns:1fr!important;gap:18px!important}.supplier-card{grid-template-columns:1fr!important}.supplier-card .small-button{width:100%}}.supplier-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.supplier-debt{border-radius:999px;margin-top:12px;padding:7px 10px;font-size:13px;font-weight:700;display:inline-block}.supplier-debt.ok{color:#166534;background:#dcfce7}.supplier-debt.danger{color:#991b1b;background:#fee2e2}.supplier-detail-panel{border-top:4px solid #e5e7eb;margin-top:32px}.supplier-detail-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.supplier-detail-header h2{margin-bottom:6px}.supplier-detail-summary{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:18px;min-width:190px;padding:18px}.supplier-detail-summary span{color:#6b7280;margin-bottom:8px;font-weight:700;display:block}.supplier-detail-summary strong{font-size:28px}.supplier-invoice-form{margin-bottom:26px}.supplier-invoice-list{gap:14px;display:grid}.supplier-invoice-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:1fr 170px 170px;align-items:center;gap:16px;padding:16px;display:grid}.supplier-invoice-card p{color:#6b7280;margin:6px 0 0}.supplier-invoice-money{justify-items:start;gap:8px;display:grid}.supplier-invoice-money strong{font-size:20px}.supplier-invoice-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=900px){.supplier-card-actions{grid-template-columns:1fr;justify-content:stretch;display:grid}.supplier-detail-header{display:grid}.supplier-detail-summary{width:100%;min-width:0}.supplier-invoice-card{grid-template-columns:1fr!important}.supplier-invoice-money{justify-items:start}.supplier-invoice-actions{grid-template-columns:1fr;justify-content:stretch;display:grid}.supplier-invoice-actions .small-button{width:100%}}.login-page{background:#f3f4f6;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:28px;width:100%;max-width:460px;padding:34px;box-shadow:0 20px 50px #0f172a1f}.login-card h1{margin:0 0 10px;font-size:36px}.login-form{gap:16px;margin-top:24px;display:grid}.login-form label{gap:8px;font-weight:700;display:grid}.login-form input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:14px;width:100%;padding:14px 16px;font-size:16px}.login-form button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:14px;margin-top:4px;padding:14px 18px;font-weight:800}.login-form button:disabled{opacity:.7;cursor:not-allowed}.login-message{color:#1d4ed8;background:#eff6ff;border-radius:14px;padding:12px 14px;font-weight:700}.login-switch{color:#2563eb;cursor:pointer;background:0 0;border:0;width:100%;margin-top:18px;font-weight:800}.user-card{gap:10px}.user-email{word-break:break-all;font-size:14px!important}@media (width<=900px){.login-card{border-radius:22px;padding:24px}.login-card h1{font-size:30px}}.local-card strong{word-break:break-word;line-height:1.25;font-size:18px!important}.modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:min(420px,100%);padding:26px;animation:.18s ease-out modalIn;box-shadow:0 24px 70px #0f172a59}.confirm-modal-icon{color:#1d4ed8;background:#dbeafe;border-radius:999px;place-items:center;width:42px;height:42px;margin-bottom:14px;font-size:22px;font-weight:900;display:grid}.confirm-modal-icon.danger{color:#dc2626;background:#fee2e2}.confirm-modal h2{color:#111827;margin:0;font-size:22px}.confirm-modal p{color:#4b5563;margin:10px 0 0;line-height:1.5}.confirm-modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.confirm-modal-actions button{width:auto}.confirm-modal-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:12px;padding:11px 16px;font-weight:800}.confirm-modal-button:hover{background:#1d4ed8}.confirm-modal-button.danger{background:#dc2626}.confirm-modal-button.danger:hover{background:#b91c1c}@keyframes modalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.confirm-modal{border-radius:20px;padding:22px}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-actions button{width:100%}}.toast-container{z-index:1200;flex-direction:column;gap:12px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:22px;right:22px}.toast{background:#fff;border:1px solid #e5e7eb;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 16px;animation:.2s ease-out toastIn;display:flex;box-shadow:0 18px 50px #0f172a38}.toast strong{color:#111827;margin-bottom:4px;font-size:14px;display:block}.toast p{color:#4b5563;margin:0;font-size:14px;line-height:1.4}.toast-success{border-left:5px solid #16a34a}.toast-warning{border-left:5px solid #f59e0b}.toast-error{border-left:5px solid #dc2626}.toast-info{border-left:5px solid #2563eb}.toast-close{color:#374151;cursor:pointer;background:#f3f4f6;border:0;border-radius:999px;width:28px;min-width:28px;height:28px;font-size:20px;line-height:1}.toast-close:hover{background:#e5e7eb}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.toast-container{width:calc(100vw - 32px);bottom:16px;right:16px}}.quantity-modal{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:min(420px,100%);padding:26px;animation:.18s ease-out modalIn;box-shadow:0 24px 70px #0f172a59}.quantity-modal h2{color:#111827;margin:0;font-size:22px}.quantity-modal p{color:#4b5563;margin:10px 0 0;line-height:1.5}.quantity-modal-form{margin-top:20px}.quantity-modal-form label{color:#374151;gap:8px;font-weight:700;display:grid}.quantity-modal-form input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:16px}.quantity-modal-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}@media (width<=640px){.quantity-modal{border-radius:20px;padding:22px}}.error-page{background:#f3f4f6;place-items:center;min-height:100vh;padding:24px;display:grid}.error-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;width:min(520px,100%);padding:32px;box-shadow:0 24px 70px #0f172a2e}.error-icon{color:#dc2626;background:#fee2e2;border-radius:999px;place-items:center;width:48px;height:48px;margin-bottom:16px;font-size:26px;font-weight:900;display:grid}.error-card h1{color:#111827;margin:0;font-size:30px}.error-card p{color:#4b5563;line-height:1.6}.error-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.error-actions button{width:auto}.error-details{color:#374151;background:#f9fafb;border-radius:16px;margin-top:22px;padding:14px}.error-details summary{cursor:pointer;font-weight:800}.error-details pre{white-space:pre-wrap;word-break:break-word;margin-bottom:0;font-size:13px}@media (width<=640px){.error-card{border-radius:22px;padding:24px}.error-actions{flex-direction:column}.error-actions button{width:100%}}.report-filter-panel{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.report-filter-panel h2{margin:0}.report-filter-row{flex-wrap:wrap;gap:10px;display:flex}.filter-button{color:#374151;cursor:pointer;background:#f3f4f6;border:0;border-radius:999px;width:auto;padding:10px 14px;font-weight:800}.filter-button:hover{background:#e5e7eb}.filter-button.active{color:#fff;background:#2563eb}@media (width<=760px){.report-filter-panel{flex-direction:column;align-items:flex-start}}.export-button:hover{background:#030712}.custom-date-filter{border-top:1px solid #e5e7eb;gap:12px;width:100%;margin-top:14px;padding-top:14px;display:flex}.custom-date-filter label{color:#374151;gap:6px;font-weight:800;display:grid}.custom-date-filter input{font:inherit;border:1px solid #d1d5db;border-radius:12px;padding:10px 12px}.custom-date-filter input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb24}@media (width<=760px){.custom-date-filter{flex-direction:column}}:root{--barmate-blue:#155dfc;--barmate-purple:#7c3aed;--barmate-violet:#9333ea;--barmate-dark:#111827;--barmate-soft:#eef2ff}.app-header,.header,.top-header{background:linear-gradient(135deg, var(--barmate-blue), var(--barmate-purple));color:#fff;border:0;box-shadow:0 18px 40px #4f46e538}.app-header h1,.header h1,.top-header h1{color:#fff}.app-header p,.header p,.top-header p,.app-header .muted,.header .muted,.top-header .muted{color:#ffffffd1}.panel,.dashboard-card,.table-card,.form-card,.login-card,.confirm-modal,.quantity-modal{background:#fffffff5;border:1px solid #e2e8f0e6;box-shadow:0 18px 45px #0f172a14}.tabs,.tab-bar,.nav-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #e2e8f0e6;box-shadow:0 14px 34px #0f172a12}.tabs button,.tab-bar button,.nav-tabs button{color:#334155}.tabs button.active,.tab-bar button.active,.nav-tabs button.active,.tabs .active,.tab-bar .active,.nav-tabs .active{background:linear-gradient(135deg, var(--barmate-blue), var(--barmate-purple));color:#fff;box-shadow:0 10px 22px #4f46e53d}button.primary,.primary-button,.save-button,.submit-button{background:linear-gradient(135deg, var(--barmate-blue), var(--barmate-purple));color:#fff;border:0}button.primary:hover,.primary-button:hover,.save-button:hover,.submit-button:hover{filter:brightness(.96)}.filter-button.active{background:linear-gradient(135deg, var(--barmate-blue), var(--barmate-purple));color:#fff}.export-button{color:#fff;background:#111827}.status.ok{color:#3730a3;background:#eef2ff}.report-card strong,.dashboard-card strong{color:#1e3a8a}#root{min-height:100vh;background:radial-gradient(circle at 0 0,#155dfc80,#0000 30%),radial-gradient(circle at 100% 8%,#9333ea80,#0000 32%),radial-gradient(circle at 50% 100%,#7c3aed38,#0000 34%),linear-gradient(135deg,#dbeafe 0%,#e0e7ff 38%,#ede9fe 72%,#f5f3ff 100%)!important}.app,.app-shell,.main,.main-content,.page,.page-content{background:0 0!important}.panel,.dashboard-card,.table-card,.form-card,.login-card{background:#fff}html,body,#root{min-height:100%}body{background:linear-gradient(135deg,#155dfc 0%,#2847d8 35%,#5b35d5 68%,#9333ea 100%) fixed!important}#root{min-height:100vh;background-color:#0000!important;background-image:radial-gradient(circle at 15% 10%,#ffffff29,#0000 24%),radial-gradient(circle at 85% 15%,#ffffff1f,#0000 28%),linear-gradient(135deg,#155dfc 0%,#2847d8 35%,#5b35d5 68%,#9333ea 100%)!important;background-position:0 0,0 0,0 0!important;background-repeat:repeat,repeat,repeat!important;background-size:auto,auto,auto!important;background-attachment:fixed!important;background-origin:padding-box,padding-box,padding-box!important;background-clip:border-box,border-box,border-box!important}.app,.app-shell,.main,.main-content,.page,.page-content,.content,.container{background:0 0!important}.panel,.dashboard-card,.table-card,.form-card,.login-card,.confirm-modal,.quantity-modal{background:#fff!important}.tabs,.tab-bar,.nav-tabs,.app-tabs,.tabs-container{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:0!important;padding:0!important}.tabs button,.tab-bar button,.nav-tabs button,.app-tabs button,.tabs-container button{box-shadow:0 10px 24px #0f172a1f;background:#ffffffeb!important;border:0!important}.tabs button.active,.tab-bar button.active,.nav-tabs button.active,.app-tabs button.active,.tabs-container button.active,.tabs .active,.tab-bar .active,.nav-tabs .active,.app-tabs .active,.tabs-container .active{box-shadow:0 12px 26px #4f46e557;color:#fff!important;background:linear-gradient(135deg,#155dfc 0%,#7c3aed 100%)!important}.app-header,.header,.top-header,.hero,.hero-card,.dashboard-hero{background:radial-gradient(circle at 15% 10%,#ffffff1f,#0000 28%),linear-gradient(135deg,#0f2f9f 0%,#312e81 48%,#581c87 100%)!important;border:1px solid #ffffff29!important;box-shadow:0 24px 60px #0f172a47!important}.app-header .dashboard-card,.header .dashboard-card,.top-header .dashboard-card,.hero .dashboard-card,.hero-card .dashboard-card,.dashboard-hero .dashboard-card{color:#111827!important;background:#fff!important}.hero-card:not(:first-child),.app-header>div:not(:first-child),.header>div:not(:first-child),.top-header>div:not(:first-child),.dashboard-hero>div:not(:first-child){color:#111827!important;background:#fff!important;border:1px solid #e2e8f0f2!important;box-shadow:0 18px 36px #0f172a24!important}.hero-card:not(:first-child) span,.hero-card:not(:first-child) p,.hero-card:not(:first-child) strong,.hero-card:not(:first-child) div,.app-header>div:not(:first-child) span,.app-header>div:not(:first-child) p,.app-header>div:not(:first-child) strong,.header>div:not(:first-child) span,.header>div:not(:first-child) p,.header>div:not(:first-child) strong,.top-header>div:not(:first-child) span,.top-header>div:not(:first-child) p,.top-header>div:not(:first-child) strong,.dashboard-hero>div:not(:first-child) span,.dashboard-hero>div:not(:first-child) p,.dashboard-hero>div:not(:first-child) strong{color:#111827!important}.hero-card:not(:first-child) .muted,.app-header>div:not(:first-child) .muted,.header>div:not(:first-child) .muted,.top-header>div:not(:first-child) .muted,.dashboard-hero>div:not(:first-child) .muted{color:#6b7280!important}.mail-button{color:#3730a3!important;background:#eef2ff!important}.mail-button:hover{background:#e0e7ff!important}.order-draft-box{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:16px}.order-draft-box h3{margin:0 0 10px}.draft-items-list,.order-items-list{gap:10px;display:grid}.draft-item,.order-item-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.draft-item p,.order-item-row p{margin:4px 0 0}.save-order-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#155dfc 0%,#7c3aed 100%);border:0;border-radius:12px;width:100%;margin-top:14px;padding:12px 14px;font-weight:800}.save-order-button:hover{filter:brightness(.96)}.order-group-card{gap:14px;display:grid}.order-group-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.order-group-header p{color:#6b7280;margin:5px 0 0}.order-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=760px){.draft-item,.order-item-row,.order-group-header{flex-direction:column;align-items:flex-start}.order-actions{justify-content:flex-start}}.order-note{color:#312e81;background:#eef2ff;border:1px solid #e0e7ff;border-radius:14px;padding:12px}.order-note p{color:#3730a3;margin:6px 0 0}.edit-button{color:#92400e!important;background:#fef3c7!important}.edit-button:hover{background:#fde68a!important}.cancel-edit-order-button{color:#374151;cursor:pointer;background:#f3f4f6;border:0;border-radius:12px;width:100%;margin-top:10px;padding:12px 14px;font-weight:800}.cancel-edit-order-button:hover{background:#e5e7eb}.order-actions{flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;display:flex!important}.order-actions .small-button{white-space:nowrap!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:fit-content!important;padding:9px 12px!important;line-height:1!important;display:inline-flex!important}.order-actions .mail-button{padding-left:14px!important;padding-right:14px!important}@media (width<=760px){.order-actions{justify-content:flex-start!important}}.order-group-card .order-actions{grid-template-columns:repeat(2,minmax(130px,1fr))!important;gap:10px!important;width:100%!important;margin-top:4px!important;display:grid!important}.order-group-card .order-actions button,.order-group-card .order-actions .small-button{white-space:nowrap!important;text-align:center!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;height:38px!important;padding:10px 12px!important;font-size:13px!important;line-height:1!important;display:flex!important}.order-group-card .mail-button{font-weight:800!important}@media (width<=760px){.order-group-card .order-actions{grid-template-columns:1fr!important}html,body,#root{width:100%;max-width:100%;overflow-x:hidden!important}.app{padding:14px!important}.hero{border-radius:22px!important;grid-template-columns:1fr!important;gap:14px!important;padding:22px!important;display:grid!important}.hero h1{font-size:34px!important;line-height:1.05!important}.hero-card{text-align:left!important;width:100%!important;min-width:0!important;padding:18px!important}.hero-card strong{font-size:30px!important}.tabs{scrollbar-width:none;flex-wrap:nowrap!important;gap:10px!important;margin-bottom:18px!important;padding-bottom:8px!important;display:flex!important;overflow:auto hidden!important}.tabs::-webkit-scrollbar{display:none}.tab,.tabs button{white-space:nowrap!important;flex:none!important;min-height:46px!important;padding:12px 18px!important}.grid,.book-grid,.orders-grid,.supplier-grid,.correction-grid,.dashboard-grid,.dashboard-sections{grid-template-columns:1fr!important;gap:16px!important;display:grid!important}.panel,.dashboard-card{border-radius:18px!important;width:100%!important;max-width:100%!important;padding:18px!important}.panel h2{font-size:24px!important;line-height:1.15!important}.form{gap:14px!important}.form input,.form select,.form button{min-height:46px!important;font-size:16px!important}.form button{width:100%!important}.form-actions,.action-buttons,.supplier-card-actions,.supplier-invoice-actions,.order-actions,.history-actions,.report-filter-row{grid-template-columns:1fr!important;gap:8px!important;width:100%!important;display:grid!important}.small-button,.action-buttons .small-button,.supplier-card-actions .small-button,.supplier-invoice-actions .small-button,.order-actions .small-button,.history-actions .small-button{justify-content:center!important;width:100%!important;min-width:0!important;min-height:42px!important}.dashboard-list-item,.supplier-card,.supplier-invoice-card,.draft-item,.order-item-row,.order-group-header,.history-summary,.section-title-row,.supplier-detail-header{grid-template-columns:1fr!important;align-items:stretch!important;gap:12px!important;display:grid!important}.supplier-detail-summary{width:100%!important;min-width:0!important}.total-panel{text-align:left!important}.total-panel strong{font-size:34px!important}.custom-date-filter{grid-template-columns:1fr!important;display:grid!important}.report-filter-panel{grid-template-columns:1fr!important;align-items:stretch!important;display:grid!important}.table{overflow:visible!important}.table-head{display:none!important}.table-row{box-shadow:0 8px 22px #0f172a0f;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;min-width:0!important;margin-bottom:14px!important;padding:14px!important;display:grid!important}.table-row>span{word-break:break-word!important;border-bottom:1px solid #f3f4f6!important;grid-template-columns:120px 1fr!important;align-items:center!important;gap:10px!important;padding-bottom:8px!important;display:grid!important}.table-row>span:last-child{border-bottom:0!important;padding-bottom:0!important;display:block!important}.table-row>span:first-child:before{content:"Artikl";color:#6b7280;font-weight:800}.table-row>span:nth-child(2):before{content:"Kategorija";color:#6b7280;font-weight:800}.table-row>span:nth-child(3):before{content:"Skladište";color:#6b7280;font-weight:800}.table-row>span:nth-child(4):before{content:"Šank";color:#6b7280;font-weight:800}.table-row>span:nth-child(5):before{content:"Minimum";color:#6b7280;font-weight:800}.table-row>span:nth-child(6):before{content:"Prodaja";color:#6b7280;font-weight:800}.table-row>span:nth-child(7):before{content:"Status";color:#6b7280;font-weight:800}.table-row>span:nth-child(8):before{content:"Radnje";color:#6b7280;margin-bottom:8px;font-weight:800;display:block}.book-table{overflow:visible!important}.book-table-head{display:none!important}.book-table-row{box-shadow:0 8px 22px #0f172a0f;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;min-width:0!important;margin-bottom:14px!important;padding:14px!important;display:grid!important}.book-table-row>span{word-break:break-word!important;border-bottom:1px solid #f3f4f6!important;grid-template-columns:110px 1fr!important;align-items:center!important;gap:10px!important;padding-bottom:8px!important;display:grid!important}.book-table-row>span:last-child{border-bottom:0!important;padding-bottom:0!important;display:block!important}.book-table-row>span:first-child:before{content:"Vrijeme";color:#6b7280;font-weight:800}.book-table-row>span:nth-child(2):before{content:"Artikl";color:#6b7280;font-weight:800}.book-table-row>span:nth-child(3):before{content:"Prodano";color:#6b7280;font-weight:800}.book-table-row>span:nth-child(4):before{content:"Skinuto";color:#6b7280;font-weight:800}.book-table-row>span:nth-child(5):before{content:"Cijena";color:#6b7280;font-weight:800}.book-table-row>span:nth-child(6):before{content:"Ukupno";color:#6b7280;font-weight:800}.book-table-row>span:nth-child(7):before{content:"Radnje";color:#6b7280;margin-bottom:8px;font-weight:800;display:block}}@media (width<=420px){.app{padding:10px!important}.hero{padding:18px!important}.hero h1{font-size:30px!important}.panel,.dashboard-card{padding:16px!important}.table-row>span,.book-table-row>span,.correction-table-row>span{grid-template-columns:95px 1fr!important}}.tabs,.tab-bar,.nav-tabs,.app-tabs,.tabs-container{z-index:auto!important;position:static!important;inset:auto!important}@media (width<=760px){.tabs,.tab-bar,.nav-tabs,.app-tabs,.tabs-container{z-index:auto!important;margin-bottom:18px!important;position:static!important;top:auto!important}.tabs{white-space:nowrap!important;z-index:1!important;flex-flow:row!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:56px!important;max-height:none!important;margin-bottom:22px!important;padding:0 0 8px!important;display:flex!important;position:relative!important;overflow:auto hidden!important}.tabs::-webkit-scrollbar{display:none!important}.tabs{scrollbar-width:none!important}.tabs .tab,.tabs button{white-space:nowrap!important;flex:none!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:max-content!important;max-width:none!important;display:inline-flex!important}.tabs+*,.panel,.dashboard-grid,.dashboard-sections,.grid,.book-grid,.orders-grid,.supplier-grid,.correction-grid{z-index:2!important;position:relative!important}}.small-select{color:#111827;background:#fff;border:1px solid #cbd5e1f2;border-radius:999px;outline:none;padding:8px 12px;font-size:13px;font-weight:700}.small-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.vremenik-panel{overflow:hidden}.vremenik-heading{align-items:flex-start;gap:20px}.vremenik-date-box{text-align:right;background:linear-gradient(135deg,#2563eb14,#7c3aed14);border:1px solid #cbd5e1e6;border-radius:20px;min-width:190px;padding:16px 18px}.vremenik-date-box span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.vremenik-date-box strong{color:#111827;font-size:20px}.vremenik-form{grid-template-columns:1fr 1fr 2fr auto;align-items:end;gap:16px;margin-top:24px;display:grid}.vremenik-form label,.vremenik-month-picker{color:#334155;flex-direction:column;gap:8px;font-size:13px;font-weight:800;display:flex}.vremenik-form input,.vremenik-month-picker input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #cbd5e1f2;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:15px}.vremenik-form input:focus,.vremenik-month-picker input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.vremenik-form .primary-button{white-space:nowrap;min-height:46px}.vremenik-small-note{color:#64748b;margin:16px 0 0;font-size:14px}.vremenik-table-wrap{border:1px solid #e2e8f0f2;border-radius:18px;width:100%;margin-top:14px;overflow-x:auto}.vremenik-table{border-collapse:collapse;background:#fff;width:100%}.vremenik-table th,.vremenik-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e2e8f0f2;padding:14px 16px}.vremenik-table th{color:#334155;letter-spacing:.06em;text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:900}.vremenik-table td{color:#111827;font-size:14px}.vremenik-table tbody tr:last-child td{border-bottom:none}@media (width<=900px){.vremenik-form{grid-template-columns:1fr 1fr}.vremenik-note,.vremenik-form .primary-button{grid-column:1/-1}}@media (width<=640px){.vremenik-heading{flex-direction:column}.vremenik-date-box{box-sizing:border-box;text-align:left;width:100%}.vremenik-form{grid-template-columns:1fr}}.login-page{box-sizing:border-box;background:radial-gradient(circle at 0 0,#2563eb59,#0000 34%),radial-gradient(circle at 100% 100%,#7c3aed57,#0000 36%),linear-gradient(135deg,#eff6ff 0%,#f8fafc 45%,#f5f3ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:28px;width:100%;max-width:430px;box-shadow:0 28px 80px #0f172a2e}.login-logo{object-fit:contain;filter:drop-shadow(0 14px 24px #2563eb38);width:96px;height:96px;margin:0 0 18px;display:block}.login-card .eyebrow{color:#2563eb;letter-spacing:.16em}.login-card h1{color:#0f172a}.login-card button{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 14px 28px #2563eb3d}.login-card button:hover{transform:translateY(-1px);box-shadow:0 18px 34px #2563eb4d}.login-card{border-radius:30px!important;padding:42px 44px!important}.login-logo{object-fit:contain!important;border-radius:24px!important;width:92px!important;height:92px!important;margin:0 auto 18px!important;display:block!important}.login-card .eyebrow{text-align:center!important;color:#2563eb!important;letter-spacing:.18em!important;margin-bottom:14px!important;font-weight:900!important}.login-card h1{text-align:center!important;margin-top:0!important}.login-card>p.muted{text-align:center!important}.login-card form button[type=submit]{color:#fff!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;border:none!important;border-radius:16px!important;width:100%!important;padding:15px 18px!important;font-size:17px!important;font-weight:900!important;box-shadow:0 16px 34px #2563eb47!important}.login-card form button[type=submit]:hover{transform:translateY(-1px)!important;box-shadow:0 20px 42px #2563eb57!important}.login-card button:not([type=submit]){width:auto!important;box-shadow:none!important;color:#2563eb!important;background:0 0!important;border:none!important;margin:18px auto 0!important;padding:0!important;font-size:16px!important;font-weight:900!important;display:block!important}.login-card button:not([type=submit]):hover{box-shadow:none!important;color:#7c3aed!important;text-decoration:underline!important;transform:none!important}.login-page{background:radial-gradient(circle at 12% 18%,#2563eb9e,#0000 32%),radial-gradient(circle at 88% 78%,#7c3aedad,#0000 34%),radial-gradient(circle at 50% 100%,#4f46e557,#0000 38%),linear-gradient(135deg,#dbeafe 0%,#eef2ff 38%,#ede9fe 70%,#ddd6fe 100%)!important}.login-card{background:linear-gradient(#fffffff0,#ffffffe0)!important;border:1px solid #7c3aed38!important;box-shadow:0 34px 90px #1e40af3d,0 18px 50px #7c3aed38!important}.login-logo{filter:drop-shadow(0 18px 26px #2563eb57)drop-shadow(0 10px 20px #7c3aed47)!important;width:110px!important;height:110px!important}.welcome-screen{box-sizing:border-box;background:radial-gradient(circle at 12% 18%,#2563ebb3,#0000 32%),radial-gradient(circle at 88% 78%,#7c3aedbd,#0000 34%),radial-gradient(circle at 50% 100%,#4f46e561,#0000 38%),linear-gradient(135deg,#dbeafe 0%,#eef2ff 38%,#ede9fe 70%,#ddd6fe 100%);justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.welcome-card{text-align:center;background:#ffffffeb;border:1px solid #7c3aed38;border-radius:34px;width:100%;max-width:420px;padding:54px 42px;animation:.55s ease-out both welcomeCardIn;box-shadow:0 34px 90px #1e40af3d,0 18px 50px #7c3aed38}.welcome-logo{object-fit:contain;filter:drop-shadow(0 18px 26px #2563eb57)drop-shadow(0 10px 20px #7c3aed47);width:148px;height:148px;margin-bottom:20px;animation:1.15s ease-in-out both welcomeLogoPulse}.welcome-card p{color:#64748b;margin:0 0 8px;font-size:17px;font-weight:800}.welcome-card h1{color:#0f172a;letter-spacing:-.04em;margin:0;font-size:44px}@keyframes welcomeCardIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcomeLogoPulse{0%{opacity:0;transform:scale(.78)rotate(-4deg)}55%{opacity:1;transform:scale(1.06)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}