:root{--brand-color: #2563eb;--primary-color: #0078d4;--primary-light: #4da3ff;--primary-dark: #01337F;--color-blue: #0b2f63;--color-green: #69f0be;--success-color: #28a745;--success-light: #34ce57;--success-dark: #1e7e34;--danger-color: #dc3545;--danger-light: #e4606d;--danger-dark: #bd2130;--warning-color: #ffc107;--warning-light: #ffcd39;--warning-dark: #d39e00;--cancelled-color: #6c757d;--cancelled-light: #868e96;--cancelled-dark: #545b62;--text-primary: #212529;--text-secondary: #6c757d;--text-light: #f8f9fa;--text-dark: #343a40;--bg-light: #f8f9fa;--bg-dark: #343a40;--bg-white: #ffffff;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: "Plus Jakarta Sans", var(--font-family-base);--font-family-mono: "JetBrains Mono", "Cascadia Code", "Fira Code", Consolas, monospace;--font-size-base: 14px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 24px;--line-height-base: 1.5;--line-height-sm: 1.25;--line-height-lg: 1.75;--btn-padding: .375rem .75rem;--btn-border-radius: .25rem;--btn-transition: all .15s ease-in-out;--border-color: #dee2e6;--box-shadow-default: 0px 0px 8px 1px rgba(0, 0, 0, .2);--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 32px;--spacing-8: 40px;--spacing-9: 48px;--spacing-10: 64px;--font-size-small: small;--font-size-sm: 12px;--input-height: 30px;--white: #ffffff}html{font-size:var(--font-size-base);font-family:var(--font-family-base);line-height:var(--line-height-base)}body{margin:0;font-size:var(--font-size-base);font-weight:400;line-height:var(--line-height-base);color:var(--text-primary);background-color:#f9fafb}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:600}h1{font-size:1.143rem}h2{font-size:1.071rem}h3{font-size:1rem}h4{font-size:.929rem}h5{font-size:.857rem}h6{font-size:.786rem}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-xxl{font-size:var(--font-size-xxl)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-cancelled{color:var(--cancelled-color)}.bg-success{background-color:var(--success-color)}.bg-danger{background-color:var(--danger-color)}.bg-warning{background-color:var(--warning-color)}.bg-cancelled{background-color:var(--cancelled-color)}.app-buttons{display:flex;gap:12px;margin:16px 0}.btn-store{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:#f5f5f5;color:#333;text-decoration:none;border-radius:4px;font-size:14px}.btn-store:hover{background-color:#444;color:#fff}.security-badge{display:flex;align-items:center;justify-content:center;gap:8px;color:#4caf50;font-size:14px;margin-top:16px}.security-badge i{font-size:20px}.font-mono{font-family:var(--font-family-mono)}.font-heading{font-family:var(--font-family-heading)}.font-base{font-family:var(--font-family-base)}.btn-carts{padding:4px 16px;font-size:12px;font-weight:500;border-radius:2px;background-color:var(--bg-white);color:var(--success-dark);border-color:var(--success-dark);border-width:1px;border-style:solid;cursor:pointer}.modal-content{background-color:#fff;border-radius:3px;width:75%;max-width:500px;max-height:90vh;overflow-y:auto;overflow-x:hidden}.modal-header{padding:10px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.close-btn{background:none;border:none;font-size:24px;cursor:pointer}.modal-body{padding:0}table{width:100%;border-collapse:collapse;margin-top:20px;font-size:13px}th,td{padding:8px 12px;text-align:left;border:1px solid #dddddd}th{background-color:#f8f9fa;font-weight:600;color:#333}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f5f5f5}.actions{display:flex;gap:8px}.actions button{padding:4px 8px;border:none;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-edit{background-color:#ffc107;color:#000}.btn-reset{background-color:#17a2b8;color:#fff}.btn-delete{background-color:#dc3545;color:#fff}.actions button:hover{opacity:.8}.actions i{font-size:12px}.filter-group{float:right;display:-webkit-inline-box}.w100{width:100%}.sebi-number{font-size:14px;color:var(--success-color)}.fas .fa-certificate{color:#ff9800}.filter-strip{height:40px;background:#f8f9fa;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;padding:0 16px}.segment-filters,.duration-filters{display:flex;gap:8px;align-items:center}.filter-btn{height:28px;padding:0 12px;border:1px solid var(--border-color);border-radius:4px;background:#fff;color:var(--text-secondary);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.filter-btn i{font-size:12px}.filter-btn i.fa-border-all{color:#607d8b}.filter-btn i.fa-indian-rupee-sign{color:#4caf50}.filter-btn i.fa-chart-line{color:#2196f3}.filter-btn i.fa-forward{color:#9c27b0}.filter-btn i.fa-chart-simple{color:#ff9800}.filter-btn i.fa-wheat-awn{color:#4caf50}.filter-btn i.fa-clock{color:#3f51b5}.filter-btn i.fa-arrow-trend-up{color:#4caf50}.filter-btn i.fa-arrow-trend-down{color:#f44336}.filter-btn.active i{color:#fff}.filter-btn:hover{background:#f1f1f1;border-color:#d0d0d0}.filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-btn.active:hover{background:var(--primary-dark)}.error-message{color:var(--danger-color);font-size:var(--font-size-sm);margin-top:4px}input{height:var(--input-height);padding:0 8px;border:1px solid var(--border-color);border-radius:2px;font-size:var(--font-size-small);width:100%;outline:none}input:focus{border-color:var(--primary-color)}input:disabled{background-color:var(--light-gray);cursor:not-allowed}select{height:var(--input-height);padding:0 24px 0 8px;border:1px solid var(--border-color);border-radius:2px;font-size:var(--font-size-small);width:100%;outline:none;background-color:var(--white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23323130' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.select:focus{border-color:var(--primary-color)}.select:disabled{background-color:var(--light-gray);cursor:not-allowed}.select option{padding:8px;font-size:var(--font-size-small)}input[type=checkbox],input[type=radio]{width:auto;height:auto;margin-right:8px;vertical-align:middle}.btn{height:var(--input-height);padding:0 20px;border:1px solid transparent;border-radius:2px;color:var(--white);font-size:var(--font-size-small);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:80px;transition:all .2s;position:relative}.btn-sm{height:24px;padding:0 12px;font-size:12px}.btn i{margin-right:8px}.btn:hover:after{content:"";position:absolute;inset:-2px;border:1px solid currentColor;border-radius:3px}.btn:hover:before{content:"";position:absolute;inset:-2px;border:2px solid var(--white);border-radius:4px}.btn-primary{background-color:var(--primary-color)}.btn-primary:hover{background-color:#106ebe}.btn-primary:hover:after{border-color:var(--primary-color)}.btn-success{background-color:var(--success-color)}.btn-success:hover{background-color:#218838}.btn-success:hover:after{border-color:var(--success-color)}.btn-warning{background-color:var(--warning-color)}.btn-warning:hover{background-color:#d39e00}.btn-warning:hover:after{border-color:var(--warning-color)}.btn-danger{background-color:var(--danger-color)}.btn-danger:hover{background-color:#c82333}.btn-danger:hover:after{border-color:var(--danger-color)}.btn-info{background-color:var(--info-color)}.btn-info:hover{background-color:#138496}.btn-info:hover:after{border-color:var(--info-color)}.btn-secondary{background-color:var(--bg-white);color:var(--text-color);border:1px solid var(--bg-dark)}.btn-secondary:hover{background-color:#6c757d;color:var(--white)}.btn-secondary:hover:after{border-color:var(--bg-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover:before,.btn:disabled:hover:after{display:none}.add-to-watchlist-btn{background:var(--primary-color);color:#fff;height:25px;padding:0 10px;border:1px solid var(--border-color);border-radius:2px;font-size:x-small;cursor:pointer}
