@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #f3f5f9;--bg-secondary: #ffffff;--bg-tertiary: #eceff4;--text-primary: #1f2733;--text-secondary: #5a6472;--text-muted: #98a1ae;--accent-color: #ef6c0a;--accent-glow: rgba(255, 127, 34, .14);--accent-gradient: linear-gradient(135deg, #ff7f22 0%, #ef6c0a 100%);--success: #16a34a;--success-glow: rgba(22, 163, 74, .12);--warning: #ca8a04;--danger: #dc2626;--info: #0891b2;--border: #e6e9ef;--border-focus: rgba(239, 108, 10, .4);--glass-bg: #ffffff;--glass-border: #e6e9ef;--glass-shadow: 0 4px 16px rgba(16, 24, 40, .08);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 6px 18px rgba(16, 24, 40, .1);--font-family: "Inter", system-ui, -apple-system, sans-serif;--transition-fast: .18s ease;--transition-normal: .25s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}:root[data-theme=dark]{--bg-primary: #0e131c;--bg-secondary: #161d29;--bg-tertiary: #1f2837;--text-primary: #e7eaf0;--text-secondary: #9aa4b3;--text-muted: #6b7585;--accent-color: #ff7f22;--accent-glow: rgba(255, 127, 34, .22);--accent-gradient: linear-gradient(135deg, #ff8c3a 0%, #f4720e 100%);--success: #22c55e;--success-glow: rgba(34, 197, 94, .15);--warning: #eab308;--danger: #ef4444;--info: #06b6d4;--border: rgba(255, 255, 255, .08);--border-focus: rgba(255, 127, 34, .5);--glass-bg: #161d29;--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:var(--bg-primary);font-size:1.2rem;color:var(--accent-color);font-weight:500}.app-layout{min-height:100vh;display:flex}.layout-container{display:flex;width:100%}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh}.sidebar{width:256px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;padding:22px 16px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.sidebar-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding:0 8px}.brand-logo{width:40px;height:40px;flex-shrink:0;background:var(--accent-gradient);border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1rem;letter-spacing:.02em;box-shadow:0 4px 12px var(--accent-glow)}.brand-logo-img{width:42px;height:42px;flex-shrink:0;object-fit:contain}.brand-name{font-weight:700;font-size:1.15rem;letter-spacing:-.01em;color:var(--text-primary)}.brand-sub{font-size:.7rem;color:var(--text-muted);letter-spacing:.04em}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-section-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:var(--transition-fast);border:1px solid transparent}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--accent-glow);color:var(--accent-color);font-weight:600}.nav-item.active .nav-icon{color:var(--accent-color)}.nav-icon{display:inline-flex;color:var(--text-muted)}.nav-item:hover .nav-icon{color:var(--text-secondary)}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.topbar{height:64px;flex-shrink:0;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:20;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.topbar-spacer{flex:1}.topbar-clock{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-primary);font-size:.82rem;color:var(--text-secondary);font-weight:500}.topbar-clock .clock-time{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.topbar-clock .clock-city{color:var(--text-muted);font-size:.72rem;letter-spacing:.05em}.icon-btn{width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-user .avatar{width:36px;height:36px;border-radius:9px;background:var(--accent-glow);color:var(--accent-color);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.topbar-user .u-name{font-size:.85rem;font-weight:600;color:var(--text-primary);line-height:1.2}.topbar-user .u-meta{font-size:.72rem;color:var(--text-muted)}.topbar-logout{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--danger);cursor:pointer;transition:var(--transition-fast)}.topbar-logout:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.notif-wrap,.notif-btn{position:relative}.notif-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;background:var(--danger);color:#fff;border-radius:9px;font-size:.62rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.notif-dropdown{position:absolute;right:0;top:46px;z-index:200;width:360px;max-width:88vw;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:var(--glass-shadow);overflow:hidden}.notif-head{padding:12px 16px;font-weight:700;font-size:.88rem;color:var(--text-primary);border-bottom:1px solid var(--border);display:flex;align-items:baseline;justify-content:space-between;gap:8px}.notif-head-sub{font-size:.7rem;font-weight:400;color:var(--text-muted)}.notif-empty{padding:22px 16px;font-size:.85rem;color:var(--text-muted);text-align:center}.notif-list{max-height:380px;overflow-y:auto}.notif-item{display:block;padding:10px 16px;text-decoration:none;border-bottom:1px solid var(--border);transition:var(--transition-fast)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-tertiary)}.notif-line1{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.84rem;color:var(--text-primary)}.notif-line1 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-line2{font-size:.72rem;color:var(--text-muted);margin-top:2px}.notif-days{font-size:.72rem;color:var(--text-secondary);white-space:nowrap}.notif-soon{font-size:.72rem;color:#b45309;font-weight:700;white-space:nowrap}.notif-late{font-size:.72rem;color:var(--danger);font-weight:700;white-space:nowrap}.main-content{flex:1;padding:28px 32px;overflow-y:auto;background:var(--bg-primary)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:16px;flex-wrap:wrap}.page-title{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.page-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:4px}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px;box-shadow:var(--shadow-sm);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.card-title{font-size:1rem;font-weight:600;margin-bottom:16px;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;outline:none;font-family:inherit;white-space:nowrap}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{filter:brightness(1.07)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.07)}.btn-sm{padding:6px 11px;font-size:.8rem}.btn:disabled{opacity:.55;cursor:not-allowed}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.78rem;font-weight:600;margin-bottom:7px;color:var(--text-secondary);letter-spacing:.02em}.form-control{width:100%;padding:10px 14px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:var(--transition-fast)}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-control::placeholder{color:var(--text-muted)}select.form-control{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%239aa3b0' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:36px}.table-container{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.custom-table th{background-color:var(--bg-primary);padding:13px 16px;color:var(--text-muted);font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.custom-table td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle}.custom-table tr:last-child td{border-bottom:none}.custom-table tbody tr:hover td{background-color:var(--bg-primary)}.badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.01em}.badge-taslak,.badge-draft{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-gonderildi,.badge-sent{background:#0891b224;color:var(--info)}.badge-onaylandi,.badge-approved{background:var(--success-glow);color:var(--success)}.badge-red,.badge-rejected,.badge-reddedildi{background:#dc26261f;color:var(--danger)}.currency-badge{background:var(--accent-glow);color:var(--accent-color);padding:2px 9px;border-radius:6px;font-weight:600;font-size:.78rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:28px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--border)}.stat-card.primary:before{background:var(--accent-color)}.stat-card.success:before{background:var(--success)}.stat-card.info:before{background:var(--info)}.stat-card.warning:before{background:var(--warning)}.stat-card.danger:before{background:var(--danger)}.stat-head{display:flex;justify-content:space-between;align-items:flex-start}.stat-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary)}.stat-label{font-size:.78rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.stat-value{font-size:1.7rem;font-weight:700;color:var(--text-primary);line-height:1.15}.stat-card.primary .stat-value{color:var(--accent-color)}.stat-card.success .stat-value{color:var(--success)}.stat-card.danger .stat-value{color:var(--danger)}.stat-card.info .stat-value{color:var(--info)}.stat-meta{font-size:.74rem;color:var(--text-muted);margin-top:8px}.modal-backdrop{position:fixed;inset:0;background:#0f141e8c;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:500px;padding:26px;box-shadow:var(--glass-shadow);position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.modal-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{margin-bottom:22px}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.text-muted{color:var(--text-muted)}.hamburger{display:none;width:38px;height:38px;flex-shrink:0;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer}.hamburger:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-backdrop{display:none}@media(max-width:900px){.hamburger{display:inline-flex}.sidebar{position:fixed;top:0;left:0;height:100vh;width:272px;transform:translate(-100%);transition:transform .25s ease;z-index:300;box-shadow:var(--glass-shadow)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#00000073;z-index:250}.main-content{padding:18px 16px}.topbar{padding:0 14px;gap:10px}.page-title{font-size:1.4rem}.main-content .details-grid,.main-content .grid-form-2,.main-content .header-form-row,.main-content .offer-creation-summary,.main-content .fx-dashboard-grid,.main-content .converter-row,.main-content .edit-header-row{grid-template-columns:1fr!important}.main-content .trend-row{grid-template-columns:46px 1fr 88px!important}.main-content .trend-count{display:none}}@media(max-width:560px){.topbar-clock,.topbar-user .u-meta{display:none}.page-title{font-size:1.25rem}.main-content{padding:16px 12px}.modal-content{padding:22px 18px}}html{background-color:var(--bg-primary)}@media(min-width:901px){body{zoom:.8}body .main-area,body .sidebar{height:125vh}body .app-layout{min-height:125vh}body .loading-screen{height:125vh;width:125vw}body .login-page{min-height:125vh}body .modal-backdrop,body .modal-backdrop-large{zoom:1.25}body .modal-backdrop>.modal-content{zoom:.8}body .modal-backdrop-large>.modal-content-large{zoom:.8}}