.calculator-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 61px)}.calculator{background-color:var(--color-surface);padding:30px;border-radius:var(--radius-card);box-shadow:var(--shadow-card);width:350px}.calculator__title{text-align:center;color:var(--color-text-strong);margin-top:0}.calculator__subtitle{font-size:14px;color:var(--color-text-muted);text-align:center;margin-bottom:20px}.calculator__field{margin-bottom:15px}.calculator__label{display:block;margin-bottom:5px;color:var(--color-text-label);font-weight:700}.calculator__input{width:100%;padding:10px;background-color:var(--color-surface-raised);color:var(--color-text-strong);border:1px solid var(--color-border);border-radius:var(--radius-control);font-size:16px;transition:border-color .3s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.calculator__input:focus{outline:none;border-color:var(--color-primary)}.calculator__input::-webkit-inner-spin-button,.calculator__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calculator__button{width:100%;padding:12px;background-color:var(--color-primary);color:var(--color-text-strong);border:none;border-radius:var(--radius-control);font-size:16px;cursor:pointer;transition:background-color .3s;margin-bottom:10px;font-weight:700}.calculator__button:hover{background-color:var(--color-primary-hover)}.calculator__button:disabled{opacity:.7;cursor:default}.calculator__button--secondary{background-color:var(--color-secondary)}.calculator__button--secondary:hover{background-color:var(--color-secondary-hover)}.calculator__message{text-align:center;font-size:14px;margin-top:15px;min-height:20px;font-weight:700}.calculator__message--success{color:var(--color-success)}.calculator__message--error{color:var(--color-error)}:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-surface-raised: #2a2a2a;--color-border: #444444;--color-text: #e0e0e0;--color-text-strong: #ffffff;--color-text-muted: #aaaaaa;--color-text-label: #cccccc;--color-primary: #3f83f8;--color-primary-hover: #2c65cc;--color-secondary: #4b5563;--color-secondary-hover: #374151;--color-success: #34d399;--color-error: #f87171;--shadow-card: 0 8px 16px rgba(0, 0, 0, .6);--radius-card: 10px;--radius-control: 5px}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-bg);color:var(--color-text);margin:0;min-height:100vh}.auth-screen{display:flex;justify-content:center;align-items:center;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header__title{color:var(--color-text-strong);font-weight:700;font-size:16px}