:root{color-scheme:light dark;--ig-gradient: linear-gradient(135deg, #4f5bd5 0%, #962fbf 35%, #d62976 70%, #fa7e1e 100%);--ig-purple: #962fbf;--ig-pink: #d62976;--ig-radius: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--tg-theme-bg-color, #fafafa);color:var(--tg-theme-text-color, #1c1c1e)}.app{display:flex;flex-direction:column;min-height:100%;padding:16px 16px 32px}.app:before{content:"";display:block;height:4px;border-radius:4px;background:var(--ig-gradient);margin:-16px -16px 16px}.screen{display:flex;flex-direction:column;gap:16px}.card{background:var(--tg-theme-secondary-bg-color, #ffffff);border-radius:var(--ig-radius);padding:16px;border:1px solid rgba(150,47,191,.08);box-shadow:0 2px 12px #962fbf0f}h1{font-size:24px;font-weight:800;margin:0 0 4px;display:inline-block;background:var(--ig-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}h2{font-size:17px;font-weight:700;margin:0 0 8px}p.hint{color:var(--tg-theme-hint-color, #8e8e93);font-size:14px;margin:0}label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}input[type=text],input[type=number],select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--tg-theme-hint-color, #c7c7cc);background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #1c1c1e);font-size:16px}input[type=text]:focus,input[type=number]:focus,select:focus{outline:none;border-color:var(--ig-purple)}input[type=range]{width:100%;accent-color:var(--ig-pink)}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--tg-theme-hint-color, #c7c7cc);background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #1c1c1e);font-size:14px;text-align:left;cursor:pointer}.dropdown-toggle span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{flex-shrink:0;font-size:12px;color:var(--ig-purple)}.checkbox-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto;padding:8px;border:1px solid rgba(150,47,191,.12);border-radius:10px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;margin:0;cursor:pointer}.checkbox-item input[type=checkbox]{accent-color:var(--ig-pink);width:18px;height:18px;flex-shrink:0}button.primary{background:var(--ig-gradient);color:#fff;border:none;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:700;cursor:pointer;width:100%;box-shadow:0 4px 14px #d629764d;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}button.primary:active:not(:disabled){transform:scale(.98);box-shadow:0 2px 8px #d6297640}button.primary:disabled{opacity:.5;cursor:default;box-shadow:none}button.secondary{background:transparent;color:var(--ig-purple);border:1.5px solid var(--ig-purple);border-radius:14px;padding:12px 16px;font-size:15px;font-weight:700;cursor:pointer;width:100%;transition:background .15s ease}button.secondary:active{background:#962fbf14}.budget-value{font-size:36px;font-weight:800;text-align:center;margin:8px 0;background:var(--ig-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.budget-input{text-align:center;font-size:18px;font-weight:700;margin-top:10px}.estimate-row{display:flex;justify-content:space-between;font-size:15px;padding:6px 0;border-bottom:1px solid rgba(127,127,127,.15)}.estimate-row:last-child{border-bottom:none}.estimate-row span:last-child{font-weight:600}.copy-row{display:flex;align-items:center;gap:8px}.copy-row .value{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;word-break:break-all;background:var(--tg-theme-bg-color, #ffffff);border-radius:8px;padding:8px 10px}.copy-row button{flex-shrink:0;background:var(--ig-gradient);color:#fff;border:none;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer}.page-header{display:flex;align-items:center;gap:12px}.page-header h1{flex:1;margin:0}.back-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--ig-purple);background:transparent;color:var(--ig-purple);font-size:18px;line-height:1;font-weight:700;cursor:pointer;padding:0}.back-arrow:active{background:#962fbf14}.status-badge{display:inline-block;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:700;background:var(--ig-gradient);color:#fff}.status-badge.status-created{background:#ff9500}.status-badge.status-paid{background:#007aff}.status-badge.status-matching{background:#5856d6}.status-badge.status-matched{background:#34c759}.status-badge.status-partial{background:#5ac8fa}.status-badge.status-completed{background:#00c7be}.status-badge.status-cancelled{background:#8e8e93}.error{color:#ff3b30;font-size:14px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(150,47,191,.1);cursor:pointer;transition:opacity .15s ease}.order-item:last-child{border-bottom:none}.order-item:active{opacity:.6}.tabs{display:flex;gap:6px;margin-bottom:8px;background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:14px;padding:4px}.tabs button{flex:1;padding:10px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:transparent;color:var(--tg-theme-text-color, #1c1c1e);transition:background .15s ease,color .15s ease}.tabs button.active{background:var(--ig-gradient);color:#fff;box-shadow:0 2px 8px #d6297640}.spinner{text-align:center;padding:32px;color:var(--tg-theme-hint-color, #8e8e93)}.footer-legal{text-align:center;margin-top:8px}.agreement-row{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--tg-theme-hint-color, #8e8e93);cursor:pointer}.agreement-row input[type=checkbox]{accent-color:var(--ig-pink);width:18px;height:18px;flex-shrink:0;margin-top:1px}.agreement-row a{color:var(--ig-purple);text-decoration:underline}
